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/[id]/buttons.jsx | 8 ++++---- src/app/anime/[id]/info.module.css | 2 +- src/app/anime/recent/page.jsx | 4 ++-- src/app/anime/recent/recent.module.css | 15 +++++---------- src/app/anime/search/components/fetchedInfo.js | 1 - src/app/anime/search/search.module.css | 10 +++++----- src/app/anime/top-airing/page.jsx | 4 ++-- src/app/anime/top-airing/trending.module.css | 15 +++++---------- src/app/kdrama/components/popular.jsx | 6 +++--- src/app/kdrama/components/recent.jsx | 6 +++--- src/app/kdrama/styles/popular.module.css | 5 ++--- 11 files changed, 32 insertions(+), 44 deletions(-) (limited to 'src') diff --git a/src/app/anime/[id]/buttons.jsx b/src/app/anime/[id]/buttons.jsx index 660569e..5c99027 100644 --- a/src/app/anime/[id]/buttons.jsx +++ b/src/app/anime/[id]/buttons.jsx @@ -88,10 +88,10 @@ export default function Button({ data2: info }) { className={styles.VideoPlayer} playsInline id="videoPlayer" - volume={0.2} - onQualityChange={(event) => - console.log("changed qualities", event) - } + volume={0.8} + // onQualityChange={(event) => + // console.log("changed qualities", event) + // } > diff --git a/src/app/anime/[id]/info.module.css b/src/app/anime/[id]/info.module.css index ca6018a..56be3ad 100644 --- a/src/app/anime/[id]/info.module.css +++ b/src/app/anime/[id]/info.module.css @@ -110,7 +110,6 @@ border-radius: 5px; color: var(--neon-green); background-color: #303030; - cursor: pointer; font-family: "Atkinson Hyperlegible", serif; } @@ -153,6 +152,7 @@ .video { width: 60vw; + font-family: "Lexend Deca", serif; } .VideoPlayer { diff --git a/src/app/anime/recent/page.jsx b/src/app/anime/recent/page.jsx index ba0ace5..64cb775 100644 --- a/src/app/anime/recent/page.jsx +++ b/src/app/anime/recent/page.jsx @@ -25,8 +25,8 @@ export default async function Releases() { Drama diff --git a/src/app/anime/recent/recent.module.css b/src/app/anime/recent/recent.module.css index 47929ed..d16c23f 100644 --- a/src/app/anime/recent/recent.module.css +++ b/src/app/anime/recent/recent.module.css @@ -20,11 +20,6 @@ overflow-x: auto; } -.Recent img { - width: auto; - height: 280px; -} - .RecentContainer:hover .RecentEntries { opacity: 0.4; } @@ -48,7 +43,7 @@ margin: 4px; background-color: #1f1f1fbb; padding: 0.5rem; - border-radius: 1rem; + border-radius: 0.5rem; transition: opacity 400ms ease, transform 400ms ease; } @@ -56,8 +51,9 @@ .RecentEntries 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; @@ -74,6 +70,5 @@ } .RecentImage { - border-radius: 1rem; - aspect-ratio: auto; + border-radius: 0.5rem; } \ No newline at end of file diff --git a/src/app/anime/search/components/fetchedInfo.js b/src/app/anime/search/components/fetchedInfo.js index d88797b..359e745 100644 --- a/src/app/anime/search/components/fetchedInfo.js +++ b/src/app/anime/search/components/fetchedInfo.js @@ -32,7 +32,6 @@ export default async function fetchedInfo(data) {

diff --git a/src/app/anime/search/search.module.css b/src/app/anime/search/search.module.css index d1b4c53..6799bac 100644 --- a/src/app/anime/search/search.module.css +++ b/src/app/anime/search/search.module.css @@ -1,6 +1,6 @@ .waitWhileLoading { font-size: 18px; - font-family: "Atkinson Hyperlegible"; + font-family: "Lexend Deca", serif; text-align: center; color: white; } @@ -18,7 +18,7 @@ outline: none; border: none; color: white; - font-family: "Atkinson Hyperlegible"; + font-family: "Lexend Deca", serif; } .inputContainer button a { @@ -33,7 +33,7 @@ outline: none; background: none; width: 100%; - font-family: "Atkinson Hyperlegible", serif; + font-family: "Lexend Deca", serif; font-size: 16px; } @@ -86,7 +86,7 @@ justify-content: space-between; align-items: center; padding: 5px; - margin: 10px 10px 0px 0px; + margin: 0px 10px 1rem 0px; border-radius: 0.5rem; transition: opacity 200ms ease-in, background-color 200ms linear; background-color: #242424d0; @@ -96,7 +96,7 @@ .anime p { color: white; width: 20dvw; - font-family: "Atkinson Hyperlegible", serif; + font-family: "Lexend Deca", serif; font-size: 18px; } 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 diff --git a/src/app/kdrama/components/popular.jsx b/src/app/kdrama/components/popular.jsx index 335b45a..1b93313 100644 --- a/src/app/kdrama/components/popular.jsx +++ b/src/app/kdrama/components/popular.jsx @@ -19,11 +19,11 @@ export default async function PopularDramas() { key={index} style={{ textDecoration: "none" }} > -

+
Drama Poster

{item.title}

diff --git a/src/app/kdrama/components/recent.jsx b/src/app/kdrama/components/recent.jsx index e4cdb69..b53009e 100644 --- a/src/app/kdrama/components/recent.jsx +++ b/src/app/kdrama/components/recent.jsx @@ -18,11 +18,11 @@ export default async function RecentDramas() { key={index} style={{ textDecoration: "none" }} > -
+
Drama Poster

{item.title}

diff --git a/src/app/kdrama/styles/popular.module.css b/src/app/kdrama/styles/popular.module.css index 2975659..85be40c 100644 --- a/src/app/kdrama/styles/popular.module.css +++ b/src/app/kdrama/styles/popular.module.css @@ -50,8 +50,6 @@ } .AnimeEntry img { - width: auto; - height: 280px; border-radius: 1rem; } @@ -59,7 +57,8 @@ text-align: center; color: white; font-family: "Lexend Deca", serif; - width: 140px; + width: auto; + max-width: 190px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; -- cgit v1.2.3