fix: Project Card 이미지가 박스 바깥으로 넘치는 현상 수정

Ocean-Portfolio · Mar 31, 2024 · bf43cfa · bf43cfa
1 parent 946bd77
commit bf43cfa
Showing 1 changed file with 14 additions and 3 deletions.
diff --git a/src/components/Card/Project/ProjectCard.css.ts b/src/components/Card/Project/ProjectCard.css.ts
@@ -28,17 +28,18 @@ export const wrapVariants = styleVariants({
 
 export const sizeStyle = style({
   width: '25.5rem',
-  height: '25.5rem',
+  height: '100%',
+  // height: '25.5rem',
 
   '@media': {
     [ODSBreakpointTokenVariables['breakpoint-l']]: {
       width: '22.5rem',
-      height: '22.5rem',
+      // height: '22.5rem',
     },
 
     [ODSBreakpointTokenVariables['breakpoint-m']]: {
       width: '17.5rem',
-      height: '22.5rem',
+      // height: '22.5rem',
     },
   },
 });
@@ -180,4 +181,14 @@ export const imageStyle = style({
   justifySelf: 'flex-end',
   alignSelf: 'flex-end',
   borderRadius: '0.75rem',
+  paddingTop: '2.125rem',
+
+  '@media': {
+    [ODSBreakpointTokenVariables['breakpoint-l']]: {
+      paddingTop: '0.6875rem',
+    },
+    [ODSBreakpointTokenVariables['breakpoint-m']]: {
+      paddingTop: '1.375rem',
+    },
+  },
 });