style(domain/끄적이는): 레이아웃 수정

YAPP-Github · Feb 18, 2024 · 340940a · 340940a
1 parent c322da4
commit 340940a
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 1 deletion.
diff --git a/src/domain/끄적이는/components/Today/index.css.ts b/src/domain/끄적이는/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/끄적이는/style.css.ts b/src/domain/끄적이는/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',
+    },
+  },
 });