From ed0e9bd2a5abba4c80c4bf97839eb0ebe5d83ca7 Mon Sep 17 00:00:00 2001 From: cookspam Date: Mon, 9 Sep 2024 15:53:20 -0400 Subject: [PATCH] reduce font size data item in landing --- src/components/landing.rs | 2 +- src/components/leaderboard.rs | 2 +- 2 files changed, 2 insertions(+), 2 deletions(-) diff --git a/src/components/landing.rs b/src/components/landing.rs index 0fa430f..bc21933 100644 --- a/src/components/landing.rs +++ b/src/components/landing.rs @@ -243,7 +243,7 @@ fn DataItem(cx: Scope, title: String, value: String) -> Element { // Value with responsive font size and some margin-bottom for spacing p { - class: "text-base sm:text-xl mb-2", // Adjusted font size for value, with margin-bottom + class: "text-sm sm:text-xl md:text-xl mb-2", // Adjusted font size for value, with margin-bottom "{value}" } } diff --git a/src/components/leaderboard.rs b/src/components/leaderboard.rs index a1db5ba..a4158cc 100644 --- a/src/components/leaderboard.rs +++ b/src/components/leaderboard.rs @@ -288,7 +288,7 @@ pub fn SupplyStats(cx: Scope) -> Element { // Right section: Transaction count chart div { // Conditionally apply gap-48 or gap-24 based on whether the alert banner is shown - class: "w-full md:w-3/5 flex flex-col gap-48 md:gap-24 border p-8 border-teal-500 rounded-lg", // Right side takes full width on small, 3/5 on larger screens", + class: "w-full md:w-3/5 flex flex-col gap-48 border p-8 border-teal-500 rounded-lg", // Right side takes full width on small, 3/5 on larger screens", // Upper section with total transaction and dropdown div { class: "flex justify-between h-1/10",