diff options
| author | real-zephex <[email protected]> | 2024-04-26 23:52:18 +0530 |
|---|---|---|
| committer | real-zephex <[email protected]> | 2024-04-26 23:52:18 +0530 |
| commit | 1da0ad8fa76b9d66e30c7e784e2dcaac061d9bb0 (patch) | |
| tree | f5068e60287800cfabf44bb71116a794d1759037 /src/app/anime | |
| parent | UI tweaks for the manga page (diff) | |
| download | dramalama-1da0ad8fa76b9d66e30c7e784e2dcaac061d9bb0.tar.xz dramalama-1da0ad8fa76b9d66e30c7e784e2dcaac061d9bb0.zip | |
minor ui fix
Diffstat (limited to 'src/app/anime')
| -rw-r--r-- | src/app/anime/page.jsx | 1 | ||||
| -rw-r--r-- | src/app/anime/recent/page.jsx | 2 | ||||
| -rw-r--r-- | src/app/anime/search/search.module.css | 21 | ||||
| -rw-r--r-- | src/app/anime/top-airing/page.jsx | 2 |
4 files changed, 12 insertions, 14 deletions
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() { <div className={styles.main}>
<Input />
<Trending />
+ <br />
<Releases />
</div>
);
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;
|