minor fixes to etas

FairCrypto · May 13, 2024 · 073fbed · 073fbed
1 parent 33141b5
commit 073fbed
Show file tree

Hide file tree

Showing 3 changed files with 18 additions and 12 deletions.
diff --git a/app/components/TimeTo.tsx b/app/components/TimeTo.tsx
@@ -27,9 +27,9 @@ export default function TimeTo({
             {days > 0 && (
               <>
                 <div className="mx-2">
-                  <div className="font-mono ">
+                  <div className="font-mono">
                     <div>{days}</div>
-                    <div className="text-sm font-thin -mt-1">days</div>
+                    <div className="text-xs font-thin -mt-1">days</div>
                   </div>
                 </div>
               </>
@@ -40,7 +40,7 @@ export default function TimeTo({
                 <div className="mx-2">
                   <div className="font-mono">
                     {String(hours).padStart(2, "0")}
-                    <div className="text-sm font-thin -mt-1">hours</div>
+                    <div className="text-xs font-thin -mt-1">hours</div>
                   </div>
                 </div>
               </>
@@ -51,7 +51,7 @@ export default function TimeTo({
                 <div className="mx-2">
                   <div className="font-mono">
                     <div>{String(minutes).padStart(2, "0")}</div>
-                    <div className="text-sm font-thin -mt-1">mins</div>
+                    <div className="text-xs font-light -mt-1">mins</div>
                   </div>
                 </div>
               </>
@@ -62,7 +62,7 @@ export default function TimeTo({
                 <div className="mx-2">
                   <div className="font-mono">
                     <div>{String(seconds).padStart(2, "0")}</div>
-                    <div className="text-sm font-thin -mt-1">secs</div>
+                    <div className="text-xs font-thin -mt-1">secs</div>
                   </div>
                 </div>
               </>

diff --git a/app/globals.css b/app/globals.css
@@ -76,11 +76,17 @@ body {
 }
 
 #solxen-stats {
-  height: 336px;
+  min-height: 336px;
+}
+
+@media (max-width: 1024px) {
+  #solxen-stats {
+    min-height: 296px;
+  }
 }
 
 @media (max-width: 768px) {
   #solxen-stats {
-    height: 232px;
+    min-height: 232px;
   }
 }
diff --git a/app/leaderboard/StateStats.tsx b/app/leaderboard/StateStats.tsx
@@ -101,20 +101,20 @@ export default function StateStats({
 
         <div className="stat sm:mx-auto bg-accent-content/10 rounded-md shadow py-3 sm:py-5 px-0">
           <div className="stat-title">Zero AMP ETA</div>
-          <div className="stat-value text-xs sm:text-sm md:text-2xl">
+          <div className="stat-value text-sm sm:text-sm md:text-2xl">
             <CountDown endDate={new Date(state.zeroAmpEta)} />
           </div>
         </div>
 
-        <div className="stat sm:mx-auto bg-accent-content/10 rounded-md shadow py-3 sm:py-5">
+        <div className="stat sm:mx-auto bg-accent-content/10 rounded-md shadow py-3 sm:py-5 px-0">
           <div className="stat-title">Next AMP ETA</div>
-          <div className="stat-value text-xs sm:text-sm md:text-2xl">
+          <div className="stat-value text-sm sm:text-sm md:text-2xl">
             <CountDown endDate={new Date(state.nextAmpEta)} />
           </div>
         </div>
 
-        <div className="stat hidden sm:block sm:mx-auto bg-accent-content/10 rounded-md shadow py-3 sm:py-5">
-          <div className="stat-title">Avg AMP Time</div>
+        <div className="stat hidden sm:block sm:mx-auto bg-accent-content/10 rounded-md shadow py-3 sm:py-5 px-0">
+          <div className="stat-title">Average AMP Time</div>
           <div className="stat-value text-sm md:text-2xl">
             <>
               <CountDown