- feat: update font card font style

djeck1432 · Dec 17, 2024 · 81f9617 · 81f9617
1 parent f98b2e1
commit 81f9617
Show file tree

Hide file tree

Showing 2 changed files with 10,624 additions and 24 deletions.
diff --git a/frontend/src/components/MetricCard/metricCard.css b/frontend/src/components/MetricCard/metricCard.css
@@ -11,12 +11,18 @@
   padding: 24px;
 }
 
-.card-header {
+.card-header .label{
   font-size: 14px;
   line-height: 19px;
   font-weight: 600;
 }
 
+.card-value .metric-card-value{
+  font-size: 24px;
+  line-height: 32px;
+  font-weight: 600;
+}
+
 
 
 @media (max-width: 768px) {
@@ -33,39 +39,30 @@
     /* padding: 24px 2px; */
   }
 
-  .card-header .label {
-    font-size: 12px;
-    line-height: 16px;
-  }
-
   .card-value .metric-card-value {
-    font-size: 16px;
+    font-size: 21px;
+    /* line-height: 21px; */
   }
 }
 
-@media (max-width: 400px) {
+@media (max-width: 480px) {
   .metric-card {
-    width: 100%;
-    gap: 0;
+    padding: 0 2px;
   }
 
   .card-header .label {
-    font-size: 10px;
-  }
+    font-size: 12px;
+   line-height: 16px; 
+ }
 
-  .card-value .metric-card-value {
-    font-size: 14px;
-    line-height: 27px;
-  }
+ .card-value .metric-card-value {
+  font-size: 16px;
+  line-height: 21px;
+}
 }
 
-@media (max-width: 320px) {
-  .metric-card {
-    padding: 0 24px;
-  }
+@media (max-width: 426px) {
+
+
 
-  .card-value .metric-card-value {
-    font-size: 14px;
-    line-height: 27px;
-  }
 }