From 0334cb2a8d79f511b95bd71ed5ee20a38077525c Mon Sep 17 00:00:00 2001 From: zephex-alt <166333351+zephex-alt@users.noreply.github.com> Date: Mon, 29 Apr 2024 03:55:49 +0000 Subject: code maintainence --- src/app/kdrama/styles/popular.module.css | 10 +++++----- 1 file changed, 5 insertions(+), 5 deletions(-) (limited to 'src/app/kdrama/styles/popular.module.css') diff --git a/src/app/kdrama/styles/popular.module.css b/src/app/kdrama/styles/popular.module.css index 919613f..3c55264 100644 --- a/src/app/kdrama/styles/popular.module.css +++ b/src/app/kdrama/styles/popular.module.css @@ -1,6 +1,6 @@ .popDramasText { color: var(--soft-purple); - font-family: "Poppins"; + font-family: "Lexend Deca", serif; font-size: 28px; margin-bottom: 10px; font-weight: 500; @@ -10,6 +10,7 @@ display: flex; overflow-x: auto; overflow-y: hidden; + margin-top: -8px; } .AnimeContainer::-webkit-scrollbar { @@ -33,10 +34,9 @@ .AnimeContainer:hover .AnimeEntry:hover { opacity: 1; transform: scale(1.02); + background-color: #202020; } -/* Format the scrollbar later */ - .AnimeEntry { display: flex; flex-direction: column; @@ -44,7 +44,7 @@ margin: 4px; background-color: #1f1f1fbb; padding: 0.5rem; - transition: opacity 400ms ease, transform 400ms ease; + transition: opacity 200ms ease, transform 200ms ease, background-color 200ms ease; cursor: grab; border-radius: 1rem; } @@ -56,7 +56,7 @@ .AnimeEntry p { text-align: center; color: white; - font-family: "Atkinson Hyperlegible"; + font-family: "Lexend Deca", serif; width: 140px; overflow: hidden; white-space: nowrap; -- cgit v1.2.3 From 3a31abeadeed35dd73f621fbfdb8442240ef41fd Mon Sep 17 00:00:00 2001 From: zephex-alt <166333351+zephex-alt@users.noreply.github.com> Date: Mon, 29 Apr 2024 04:15:13 +0000 Subject: minor UI tweaks to homepages of kdrama and manga section --- src/app/kdrama/styles/popular.module.css | 3 +++ 1 file changed, 3 insertions(+) (limited to 'src/app/kdrama/styles/popular.module.css') diff --git a/src/app/kdrama/styles/popular.module.css b/src/app/kdrama/styles/popular.module.css index 3c55264..6d45d9a 100644 --- a/src/app/kdrama/styles/popular.module.css +++ b/src/app/kdrama/styles/popular.module.css @@ -50,6 +50,9 @@ } .AnimeEntry img { + width: auto; + height: auto; + max-height: 280px; border-radius: 1rem; } -- cgit v1.2.3 From c60af963c720a71bd129e2bbe6af3d2b3775e4fc Mon Sep 17 00:00:00 2001 From: zephex-alt <166333351+zephex-alt@users.noreply.github.com> Date: Mon, 29 Apr 2024 04:30:06 +0000 Subject: adjusted the width and height of the image just by a little --- src/app/kdrama/styles/popular.module.css | 3 +-- 1 file changed, 1 insertion(+), 2 deletions(-) (limited to 'src/app/kdrama/styles/popular.module.css') diff --git a/src/app/kdrama/styles/popular.module.css b/src/app/kdrama/styles/popular.module.css index 6d45d9a..2975659 100644 --- a/src/app/kdrama/styles/popular.module.css +++ b/src/app/kdrama/styles/popular.module.css @@ -51,8 +51,7 @@ .AnimeEntry img { width: auto; - height: auto; - max-height: 280px; + height: 280px; border-radius: 1rem; } -- cgit v1.2.3