From 1da0ad8fa76b9d66e30c7e784e2dcaac061d9bb0 Mon Sep 17 00:00:00 2001 From: real-zephex Date: Fri, 26 Apr 2024 23:52:18 +0530 Subject: minor ui fix --- src/app/anime/page.jsx | 1 + src/app/anime/recent/page.jsx | 2 +- src/app/anime/search/search.module.css | 21 +++++++++------------ src/app/anime/top-airing/page.jsx | 2 +- 4 files changed, 12 insertions(+), 14 deletions(-) (limited to 'src/app/anime') diff --git a/src/app/anime/page.jsx b/src/app/anime/page.jsx index 33a3373..1286c96 100644 --- a/src/app/anime/page.jsx +++ b/src/app/anime/page.jsx @@ -8,6 +8,7 @@ export default async function Anime() {
+
); diff --git a/src/app/anime/recent/page.jsx b/src/app/anime/recent/page.jsx index 38aaeb0..25b0182 100644 --- a/src/app/anime/recent/page.jsx +++ b/src/app/anime/recent/page.jsx @@ -42,7 +42,7 @@ export default async function Releases() { async function fetchRecentEpisodes() { const res = await fetch( "https://consumet-jade.vercel.app/anime/gogoanime/recent-episodes", - { next: { revalidate: 86400 } } + { next: { revalidate: 21600 } } ); const data = res.json(); return data; diff --git a/src/app/anime/search/search.module.css b/src/app/anime/search/search.module.css index 81cd9e5..d1b4c53 100644 --- a/src/app/anime/search/search.module.css +++ b/src/app/anime/search/search.module.css @@ -33,7 +33,7 @@ outline: none; background: none; width: 100%; - font-family: "Atkinson Hyperlegible"; + font-family: "Atkinson Hyperlegible", serif; font-size: 16px; } @@ -57,12 +57,13 @@ overflow-x: auto; } -.animeEntry:hover .anime { - opacity: 0.4; +.animeEntry .anime { + opacity: 0.5; } .animeEntry:hover .anime:hover { opacity: 1; + background-color: #292929; } .animeEntry::-webkit-scrollbar { @@ -85,26 +86,22 @@ justify-content: space-between; align-items: center; padding: 5px; - border-style: dotted; - border-color: #636363; margin: 10px 10px 0px 0px; - border-radius: 10px; - border-width: 4px; - transition: opacity 200ms ease-in; - background-color: #353535a6; + border-radius: 0.5rem; + transition: opacity 200ms ease-in, background-color 200ms linear; + background-color: #242424d0; } .anime p { color: white; width: 20dvw; - font-family: "Atkinson Hyperlegible"; + font-family: "Atkinson Hyperlegible", serif; font-size: 18px; } .animeImage { - border-radius: 10px; - margin-left: 20px; + border-radius: 0.5rem; } @media screen and (max-width: 768px) { diff --git a/src/app/anime/top-airing/page.jsx b/src/app/anime/top-airing/page.jsx index 40a742c..e406860 100644 --- a/src/app/anime/top-airing/page.jsx +++ b/src/app/anime/top-airing/page.jsx @@ -41,7 +41,7 @@ export default async function Trending() { async function test() { const res = await fetch( "https://consumet-jade.vercel.app/anime/gogoanime/top-airing", - { next: { revalidate: 86400 } } + { next: { revalidate: 21600 } } ); const data = res.json(); return data; -- cgit v1.2.3