From 7e33153f834b4712172f8e06e90ec4eda3cca028 Mon Sep 17 00:00:00 2001 From: zephex-alt <166333351+zephex-alt@users.noreply.github.com> Date: Mon, 29 Apr 2024 07:11:35 +0000 Subject: adjusted the images' width and height --- src/app/anime/top-airing/trending.module.css | 15 +++++---------- 1 file changed, 5 insertions(+), 10 deletions(-) (limited to 'src/app/anime/top-airing/trending.module.css') diff --git a/src/app/anime/top-airing/trending.module.css b/src/app/anime/top-airing/trending.module.css index 1ce9b45..dc9a29a 100644 --- a/src/app/anime/top-airing/trending.module.css +++ b/src/app/anime/top-airing/trending.module.css @@ -20,11 +20,6 @@ overflow-x: auto; } -.trending img { - width: auto; - height: 280px; -} - .TrendingContainer:hover .trendingEntries { opacity: 0.5; } @@ -49,15 +44,16 @@ transition: transform 400ms ease; background-color: #1f1f1fbb; padding: 0.5rem; - border-radius: 1rem; + border-radius: 0.5rem; transition: opacity 400ms ease, transform 400ms ease; } .trendingEntries p { text-align: center; margin: 5px auto; - width: 140px; - font-family: "Atkinson Hyperlegible"; + width: auto; + max-width: 180px; + font-family: "Lexend Deca", serif; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; @@ -73,6 +69,5 @@ } .trendingImage { - border-radius: 1rem; - aspect-ratio: auto; + border-radius: 0.5rem; } \ No newline at end of file -- cgit v1.2.3 From 75554bf84c7520c0bff2d4e7f14141577319dbda Mon Sep 17 00:00:00 2001 From: zephex-alt <166333351+zephex-alt@users.noreply.github.com> Date: Mon, 29 Apr 2024 19:02:30 +0000 Subject: late night fuckery --- src/app/anime/top-airing/trending.module.css | 5 ++--- 1 file changed, 2 insertions(+), 3 deletions(-) (limited to 'src/app/anime/top-airing/trending.module.css') diff --git a/src/app/anime/top-airing/trending.module.css b/src/app/anime/top-airing/trending.module.css index dc9a29a..0acc3e1 100644 --- a/src/app/anime/top-airing/trending.module.css +++ b/src/app/anime/top-airing/trending.module.css @@ -5,10 +5,9 @@ .TrendingText p { font-size: 28px; - margin: 5px; + margin: 0px; color: var(--soft-purple); - font-family: "Poppins"; - font-weight: 500; + font-family: "Lexend Deca", serif; } .TrendingText span { -- cgit v1.2.3 From b9059d978d2b86e15aa7c3846ef71fc62f711486 Mon Sep 17 00:00:00 2001 From: zephex-alt <166333351+zephex-alt@users.noreply.github.com> Date: Tue, 30 Apr 2024 04:08:49 +0000 Subject: small fixes --- src/app/anime/top-airing/trending.module.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) (limited to 'src/app/anime/top-airing/trending.module.css') diff --git a/src/app/anime/top-airing/trending.module.css b/src/app/anime/top-airing/trending.module.css index 0acc3e1..913697c 100644 --- a/src/app/anime/top-airing/trending.module.css +++ b/src/app/anime/top-airing/trending.module.css @@ -69,4 +69,4 @@ .trendingImage { border-radius: 0.5rem; -} \ No newline at end of file +} -- cgit v1.2.3