レイアウト微調整

wappon28dev · Sep 23, 2024 · 6c48064 · 6c48064
1 parent 6db5da6
commit 6c48064
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 7 deletions.
diff --git a/src/components/project/Card.tsx b/src/components/project/Card.tsx
@@ -78,7 +78,7 @@ export function ProjectCard({
                   ""}
             </HStack>
           </p.span>
-          <p.p fontSize="2xl">{name}</p.p>
+          <p.p fontSize="2xl" fontWeight="bold">{name}</p.p>
           <p.p fontSize="md">現在金額 ￥{amount_of_money}</p.p>
           <HStack>
             <Icon icon="mdi:star-outline" width={30} />

diff --git a/src/components/sva/tabs.ts b/src/components/sva/tabs.ts
@@ -30,15 +30,15 @@ export const svaTabs = sva({
     },
     trigger: {
       cursor: "pointer",
-      px: "6",
-      borderBottom: "2px solid",
+      borderBottom: { base: "5px solid", md: "3px solid" },
       borderColor: "wkb.text",
       fontWeight: "bold",
       _selected: {
         color: "wkb-green",
-        borderBottom: "2px solid",
+        borderBottom: { base: "5px solid", md: "3px solid" },
         borderColor: "wkb.primary",
       },
+      fontSize: { base: "2xl", md: "lg" },
     },
   },
 });
diff --git a/src/routes/_auth/projects/index.tsx b/src/routes/_auth/projects/index.tsx
@@ -81,13 +81,13 @@ export const Route = createFileRoute("/_auth/projects/")({
             <Tabs.Root className={tabs.root} defaultValue="recommend">
               <Tabs.List className={tabs.list}>
                 <Tabs.Trigger className={tabs.trigger} value="recommend">
-                  おすすめ
+                  <p.p fontWeight="bold">おすすめ</p.p>
                 </Tabs.Trigger>
                 <Tabs.Trigger className={tabs.trigger} value="trending">
-                  急上昇
+                  <p.p fontWeight="bold">急上昇</p.p>
                 </Tabs.Trigger>
                 <Tabs.Trigger className={tabs.trigger} value="all">
-                  すべて
+                  <p.p fontWeight="bold">すべて</p.p>
                 </Tabs.Trigger>
               </Tabs.List>
               <Tabs.Content value="recommend">