fix metrics looking weird

team4099 · Feb 14, 2024 · 2c34964 · 2c34964
1 parent 74ff96d
commit 2c34964
Show file tree

Hide file tree

Showing 4 changed files with 60 additions and 0 deletions.
diff --git a/src/utils/components/alliance_breakdown_component.html b/src/utils/components/alliance_breakdown_component.html
@@ -1,6 +1,21 @@
 <head>
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap" rel="stylesheet">
     <script src="https://cdn.tailwindcss.com"></script>
+    <script>
+        tailwind.config = {
+          theme: {
+            extend: {
+              fontFamily: {
+                sans: ['Inter']
+              }
+            }
+          }
+        }
+    </script>
 </head>
+
 <body>
     <div class="flex flex-row justify-items items-center bg-[{background_color}]/50 w-full h-[130px] rounded-lg border-l-8 border-[{background_color}]">
        <div class="flex flex-col w-1/3 justify-items items-center">

diff --git a/src/utils/components/colored_metric_component.html b/src/utils/components/colored_metric_component.html
@@ -1,6 +1,21 @@
 <head>
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap" rel="stylesheet">
     <script src="https://cdn.tailwindcss.com"></script>
+    <script>
+        tailwind.config = {
+          theme: {
+            extend: {
+              fontFamily: {
+                sans: ['Inter']
+              }
+            }
+          }
+        }
+    </script>
 </head>
+
 <body>
     <div class="flex flex-col justify-items items-center bg-[{background_color}]/[{opacity}] w-full h-{height} gap-2 p-6 rounded-lg border-l-[{border_color}]/[{border_opacity}] border-l-8 shadow-lg {ring}">
         <div class="h-2/5">

diff --git a/src/utils/components/colored_metric_with_two_values_component.html b/src/utils/components/colored_metric_with_two_values_component.html
@@ -1,6 +1,21 @@
 <head>
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap" rel="stylesheet">
     <script src="https://cdn.tailwindcss.com"></script>
+    <script>
+        tailwind.config = {
+          theme: {
+            extend: {
+              fontFamily: {
+                sans: ['Inter']
+              }
+            }
+          }
+        }
+    </script>
 </head>
+
 <body>
     <div class="flex flex-col justify-items items-center bg-[{background_color}]/[{opacity}] w-full h-{height} gap-4 p-6 rounded-lg border-l-[{border_color}]/[{border_opacity}] border-l-8 shadow-lg {ring}">
         <div class="h-2/5 flex flex-col justify-items items-center">

diff --git a/src/utils/components/win_percentages_component.html b/src/utils/components/win_percentages_component.html
@@ -1,6 +1,21 @@
 <head>
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap" rel="stylesheet">
     <script src="https://cdn.tailwindcss.com"></script>
+    <script>
+        tailwind.config = {
+          theme: {
+            extend: {
+              fontFamily: {
+                sans: ['Inter']
+              }
+            }
+          }
+        }
+    </script>
 </head>
+
 <body>
     <div class="flex flex-row justify-items-center">
         <div class="flex items-center bg-red-950 w-[{red}%] h-10 {z-red} rounded-l-lg whitespace-nowrap">