diff --git "a/src/domain/\353\201\204\354\240\201\354\235\264\353\212\224/components/Today/index.css.ts" "b/src/domain/\353\201\204\354\240\201\354\235\264\353\212\224/components/Today/index.css.ts" index db50bdcc..a22dbcee 100644 --- "a/src/domain/\353\201\204\354\240\201\354\235\264\353\212\224/components/Today/index.css.ts" +++ "b/src/domain/\353\201\204\354\240\201\354\235\264\353\212\224/components/Today/index.css.ts" @@ -6,6 +6,7 @@ export const container = style({ display: 'flex', flexDirection: 'column', gap: '20px', + marginBottom: '40px', }); export const dateLabelWrapper = style({ diff --git "a/src/domain/\353\201\204\354\240\201\354\235\264\353\212\224/style.css.ts" "b/src/domain/\353\201\204\354\240\201\354\235\264\353\212\224/style.css.ts" index 2d62ff24..d30ad412 100644 --- "a/src/domain/\353\201\204\354\240\201\354\235\264\353\212\224/style.css.ts" +++ "b/src/domain/\353\201\204\354\240\201\354\235\264\353\212\224/style.css.ts" @@ -6,6 +6,7 @@ export const container = style({ flexDirection: 'column', justifyContent: 'flex-end', marginBottom: '56px', + padding: '0 30px', }); export const content = style({ @@ -18,7 +19,15 @@ export const content = style({ export const inputWrapper = style({ position: 'fixed', + left: '50%', bottom: '56px', width: '100%', - maxWidth: '1200px', + transform: 'translateX(-50%)', + maxWidth: '1140px', + + '@media': { + 'screen and (max-width: 1200px)': { + padding: '0 30px', + }, + }, });