From d4fdb4e3d6a3fbf042db8605d371605a64c8db4c Mon Sep 17 00:00:00 2001 From: zephex-alt <166333351+zephex-alt@users.noreply.github.com> Date: Wed, 8 May 2024 04:26:20 +0000 Subject: minor css fixes and added a new source for movies --- src/app/kdrama/styles/popular.module.css | 19 +++++++++++++------ 1 file changed, 13 insertions(+), 6 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 fce54c1..20d0e73 100644 --- a/src/app/kdrama/styles/popular.module.css +++ b/src/app/kdrama/styles/popular.module.css @@ -1,15 +1,21 @@ .popDramasText { color: var(--soft-purple); - font-size: 36px; margin-bottom: 10px; - font-weight: 400; text-align: center; + color: transparent; + background: linear-gradient(90deg, + var(--neon-green) 40%, + var(--light-green) 60%, + var(--neon-yellow) 80%, + var(--soft-purple) 100%); + background-size: 60% 50%; + background-clip: text; } .AnimeContainer { display: grid; - grid-template-columns: repeat(auto-fit, minmax(230px, 1fr)); - grid-gap: 0.5rem; + grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); + grid-gap: 0.7rem; align-items: center; } @@ -41,13 +47,14 @@ .AnimeEntry img { border-radius: 0.4rem; + box-shadow: 0 0 10px 5px rgba(18, 18, 18, 0.863); } .AnimeEntry p { text-align: center; color: white; width: auto; - max-width: 180px; + max-width: 160px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; @@ -71,4 +78,4 @@ .AnimeEntry img { width: auto; } -} +} \ No newline at end of file -- cgit v1.2.3