diff --git a/src/processes/shortcut/Shortcut.module.css b/src/processes/shortcut/Shortcut.module.css index c1e1993..1420555 100644 --- a/src/processes/shortcut/Shortcut.module.css +++ b/src/processes/shortcut/Shortcut.module.css @@ -16,7 +16,7 @@ .Header { display: flex; width: 100%; - padding: 12px 4px 0; + padding: 20px 20px 0; } .CloseButton { diff --git a/src/processes/shortcut/Shortcut.tsx b/src/processes/shortcut/Shortcut.tsx index 7b27387..bc5d5ac 100644 --- a/src/processes/shortcut/Shortcut.tsx +++ b/src/processes/shortcut/Shortcut.tsx @@ -45,7 +45,13 @@ export const Shortcut = () => { {selectedKey && ( - )} @@ -54,6 +60,7 @@ export const Shortcut = () => { variant={'ghost'} color={'neutral'} widthType={'hug'} + size={'fit'} onClick={onClose} > diff --git a/src/shared/ui/Button/Button.module.css b/src/shared/ui/Button/Button.module.css index e3b5017..736ff58 100644 --- a/src/shared/ui/Button/Button.module.css +++ b/src/shared/ui/Button/Button.module.css @@ -50,6 +50,9 @@ border-radius: 40px; padding: 8px 12px; } +.Button[data-size='fit'] { +} + .Button[data-width-type='fill'] { width: 100%; diff --git a/src/shared/ui/Button/Button.tsx b/src/shared/ui/Button/Button.tsx index 4952278..65c4ba4 100644 --- a/src/shared/ui/Button/Button.tsx +++ b/src/shared/ui/Button/Button.tsx @@ -8,7 +8,7 @@ type ButtonProps = DetailedHTMLProps, HT suffixSlot?: ReactNode; prefixSlot?: ReactNode; textAlign?: 'left' | 'center' | 'right'; - size?: 'S' | 'M'; + size?: 'fit' | 'S' | 'M'; }; export const Button = ({ diff --git a/src/shared/ui/InputBottomSheet/InputBottomSheet.tsx b/src/shared/ui/InputBottomSheet/InputBottomSheet.tsx index 26df34e..721f0fb 100644 --- a/src/shared/ui/InputBottomSheet/InputBottomSheet.tsx +++ b/src/shared/ui/InputBottomSheet/InputBottomSheet.tsx @@ -33,8 +33,12 @@ export const InputBottomSheet = ({ - - + +

{title}