feat: update age graph

GlycanAge · Aug 22, 2024 · d186c76 · d186c76
1 parent e65dcf0
commit d186c76
Showing 1 changed file with 6 additions and 8 deletions.
diff --git a/packages/lib/src/age-graph/age-graph.wc.svelte b/packages/lib/src/age-graph/age-graph.wc.svelte
@@ -56,7 +56,7 @@
             </svg>
         </div>
         <div class="slider-bottom">
-            <svg width="22%" height="22%" viewBox="0 0 42 37" fill="none" xmlns="http://www.w3.org/2000/svg">
+            <svg width="20%" height="20%" viewBox="0 0 42 37" fill="none" xmlns="http://www.w3.org/2000/svg">
                 <path d="M14.0718 4C17.151 -1.33334 24.849 -1.33333 27.9282 4.00001L40.0525 25C43.1317 30.3333 39.2827 37 33.1243 37L8.87563 37C2.71722 37 -1.13177 30.3333 1.94743 25L14.0718 4Z" fill="#09371F"/>
             </svg>
             <div style="font-size: 1.8rem;">
@@ -73,7 +73,7 @@
     .parent {
         display: flex;
         width: 100%;
-        height: 18px;
+        height: 14px;
         font-family: 'Sen', 'Noto Sans JP', sans-serif;
     }
 
@@ -84,8 +84,7 @@
         position: absolute;
         transform: translate(-50%, -100%);
         width: 24%;
-        max-height: 130px;
-        border: 1px solid blue;
+        max-height: 90px;
         padding: 0.1rem;
     }
 
@@ -94,11 +93,10 @@
         flex-direction: column;
         align-items: center;
         position: absolute;
-        width: 24%;
-        transform: translate(-50%, 14%);
+        width: 28%;
+        transform: translate(-50%, 15%);
         left: 50%;
-        max-height: 130px;
-        border: 1px solid green;
+        max-height: 90px;
         padding: 0.1rem;
     }