perf: styles of model config page

web/src/app/infra/basic-component/create-card-component/CreateCardComponent.tsx

@@ -4,17 +4,19 @@ export default function CreateCardComponent({
   height,
   plusSize,
   onClick,
+  width = '100%',
 }: {
-  height: number;
-  plusSize: number;
+  height: string;
+  plusSize: string;
   onClick: () => void;
+  width?: string;
 }) {
   return (
     <div
       className={`${styles.cardContainer} ${styles.createCardContainer} `}
       style={{
-        width: `100%`,
-        height: `${height}px`,
+        width: `${width}`,
+        height: `${height}`,
         fontSize: `${plusSize}px`,
       }}
       onClick={onClick}

web/src/app/infra/basic-component/create-card-component/createCartComponent.module.css

@@ -1,9 +1,7 @@
 .cardContainer {
-    width: 360px;
-    height: 200px;
     background-color: #FFF;
     border-radius: 9px;
-    box-shadow: rgba(0, 0, 0, 0.4) 0 1px 1px -1px;
+    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
     display: flex;
     flex-direction: column;
     align-items: center;