From c179342ccf4265307d205f7cf6c393d50a036bba Mon Sep 17 00:00:00 2001 From: manishiwa Date: Mon, 16 Oct 2023 10:52:09 -0400 Subject: [PATCH] reduced height of Landing userbase table, disabled JIT in tailwind, hid arrows if can't swipe for Landing top charts --- app/globals.css | 3 ++- components/layout/LandingMetricsTable.tsx | 10 +++++----- tailwind.config.js | 1 - 3 files changed, 7 insertions(+), 7 deletions(-) diff --git a/app/globals.css b/app/globals.css index 7ac174aa..d7f291ba 100644 --- a/app/globals.css +++ b/app/globals.css @@ -79,6 +79,7 @@ .splide__arrow { @apply !opacity-90; + @apply transition-opacity duration-200; } .splide__arrow:hover { @@ -86,7 +87,7 @@ } .splide__arrow:disabled { - @apply !opacity-50; + @apply !opacity-0; } .fade-edge-div { diff --git a/components/layout/LandingMetricsTable.tsx b/components/layout/LandingMetricsTable.tsx index aeaa3528..1b8ff794 100644 --- a/components/layout/LandingMetricsTable.tsx +++ b/components/layout/LandingMetricsTable.tsx @@ -103,8 +103,8 @@ export default function LandingMetricsTable({ .filter((row) => row.chain.key != "multiple") .map((data) => ({ ...data, - y: (height += isMobile ? 44 : 59) - (isMobile ? 44 : 59), - height: isMobile ? 44 : 59, + y: (height += isMobile ? 44 : 50) - (isMobile ? 44 : 50), + height: isMobile ? 44 : 50, })), { key: (d) => d.chain.key, @@ -137,7 +137,7 @@ export default function LandingMetricsTable({ return ( <> -
+
0 ? "-mt-[1px]" : "" } ${ selectedChains.includes(item.chain.key) @@ -475,7 +475,7 @@ export default function LandingMetricsTable({ .map((item, index) => (