admin/twenty
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

Fix buttons size (#10620)

Browse Source 
The button size attribute was removed accidentally in this PR
https://github.com/twentyhq/twenty/pull/10536, I'm putting it back.
All the buttons were 32px instead of 24px for the small ones.
This commit is contained in:
Raphaël Bosi
2025-03-03 15:02:30 +01:00
committed by GitHub
parent 83899ff26b
commit 44018911f2
1 changed files with 4 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
packages/twenty-ui/src/input/button/components/Button/Button.tsx
View File

@ -2,13 +2,13 @@ import isPropValid from '@emotion/is-prop-valid';
import { css } from '@emotion/react'; import { css } from '@emotion/react';
import styled from '@emotion/styled'; import styled from '@emotion/styled';
import { IconComponent } from '@ui/display/icon/types/IconComponent'; import { IconComponent } from '@ui/display/icon/types/IconComponent';
import { ButtonHotkeys } from '@ui/input/button/components/Button/internal/ButtonHotKeys';
import { ButtonIcon } from '@ui/input/button/components/Button/internal/ButtonIcon';
import { ButtonSoon } from '@ui/input/button/components/Button/internal/ButtonSoon';
import { useIsMobile } from '@ui/utilities'; import { useIsMobile } from '@ui/utilities';
import React, { useState } from 'react'; import React, { useState } from 'react';
import { Link } from 'react-router-dom'; import { Link } from 'react-router-dom';
import { ButtonText } from './internal/ButtonText'; import { ButtonText } from './internal/ButtonText';
import { ButtonIcon } from '@ui/input/button/components/Button/internal/ButtonIcon';
import { ButtonSoon } from '@ui/input/button/components/Button/internal/ButtonSoon';
import { ButtonHotkeys } from '@ui/input/button/components/Button/internal/ButtonHotKeys';
export type ButtonSize = 'medium' | 'small'; export type ButtonSize = 'medium' | 'small';
export type ButtonPosition = 'standalone' | 'left' | 'middle' | 'right'; export type ButtonPosition = 'standalone' | 'left' | 'middle' | 'right';
@ -466,6 +466,7 @@ export const Button = ({
loading={loading} loading={loading}
onFocus={() => setIsFocused(true)} onFocus={() => setIsFocused(true)}
onBlur={() => setIsFocused(false)} onBlur={() => setIsFocused(false)}
size={size}
> >
<ButtonText hasIcon={!!Icon} title={title} loading={loading} /> <ButtonText hasIcon={!!Icon} title={title} loading={loading} />
{hotkeys && !isMobile && ( {hotkeys && !isMobile && (