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/page.jsx | 4 ++-- src/app/anime/top-airing/trending.module.css | 15 +++++---------- 2 files changed, 7 insertions(+), 12 deletions(-) (limited to 'src/app/anime/top-airing') diff --git a/src/app/anime/top-airing/page.jsx b/src/app/anime/top-airing/page.jsx index c5aadd9..4992b30 100644 --- a/src/app/anime/top-airing/page.jsx +++ b/src/app/anime/top-airing/page.jsx @@ -24,8 +24,8 @@ export default async function Trending() { Drama 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/page.jsx | 2 +- src/app/anime/top-airing/trending.module.css | 5 ++--- 2 files changed, 3 insertions(+), 4 deletions(-) (limited to 'src/app/anime/top-airing') diff --git a/src/app/anime/top-airing/page.jsx b/src/app/anime/top-airing/page.jsx index 4992b30..ab5d3af 100644 --- a/src/app/anime/top-airing/page.jsx +++ b/src/app/anime/top-airing/page.jsx @@ -20,7 +20,7 @@ export default async function Trending() { href={`/anime/${item.id}`} style={{ textDecoration: "none", color: "white" }} > -
+
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') 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