diff options
| author | zephex-alt <[email protected]> | 2024-04-29 04:15:13 +0000 |
|---|---|---|
| committer | zephex-alt <[email protected]> | 2024-04-29 04:15:13 +0000 |
| commit | 3a31abeadeed35dd73f621fbfdb8442240ef41fd (patch) | |
| tree | d31736642525b29c8a7917f31eff251c2bb48c15 /src | |
| parent | code maintainence (diff) | |
| download | dramalama-3a31abeadeed35dd73f621fbfdb8442240ef41fd.tar.xz dramalama-3a31abeadeed35dd73f621fbfdb8442240ef41fd.zip | |
minor UI tweaks to homepages of kdrama and manga section
Diffstat (limited to 'src')
| -rw-r--r-- | src/app/anime/anime.module.css | 2 | ||||
| -rw-r--r-- | src/app/anime/recent/page.jsx | 2 | ||||
| -rw-r--r-- | src/app/anime/recent/recent.module.css | 6 | ||||
| -rw-r--r-- | src/app/anime/search/page.jsx | 2 | ||||
| -rw-r--r-- | src/app/anime/top-airing/page.jsx | 2 | ||||
| -rw-r--r-- | src/app/anime/top-airing/trending.module.css | 6 | ||||
| -rw-r--r-- | src/app/kdrama/styles/popular.module.css | 3 |
7 files changed, 19 insertions, 4 deletions
diff --git a/src/app/anime/anime.module.css b/src/app/anime/anime.module.css index f243298..f2b4f28 100644 --- a/src/app/anime/anime.module.css +++ b/src/app/anime/anime.module.css @@ -1,4 +1,4 @@ .main {
- margin: 80px auto;
+ margin: 50px auto;
max-width: 98%;
}
\ No newline at end of file diff --git a/src/app/anime/recent/page.jsx b/src/app/anime/recent/page.jsx index 25b0182..ba0ace5 100644 --- a/src/app/anime/recent/page.jsx +++ b/src/app/anime/recent/page.jsx @@ -26,7 +26,7 @@ export default async function Releases() { src={`https://sup-proxy.zephex0-f6c.workers.dev/api-content?url=${item.image}`}
className={styles.RecentImage}
width={150}
- height={230}
+ height={280}
alt="Drama"
priority
/>
diff --git a/src/app/anime/recent/recent.module.css b/src/app/anime/recent/recent.module.css index baa93ba..3192e8a 100644 --- a/src/app/anime/recent/recent.module.css +++ b/src/app/anime/recent/recent.module.css @@ -20,6 +20,12 @@ overflow-x: auto;
}
+.Recent img {
+ width: auto;
+ height: auto;
+ max-height: 270px;
+}
+
.RecentContainer:hover .RecentEntries {
opacity: 0.4;
}
diff --git a/src/app/anime/search/page.jsx b/src/app/anime/search/page.jsx index 0555a36..bf399cf 100644 --- a/src/app/anime/search/page.jsx +++ b/src/app/anime/search/page.jsx @@ -33,7 +33,7 @@ export default function Input() { };
return (
- <div>
+ <div style={{marginBottom: -15}}>
<div className={styles.inputContainer}>
<div className={styles.searchContainer}>
<FaSearch className={styles.searchIcon} />
diff --git a/src/app/anime/top-airing/page.jsx b/src/app/anime/top-airing/page.jsx index e406860..c5aadd9 100644 --- a/src/app/anime/top-airing/page.jsx +++ b/src/app/anime/top-airing/page.jsx @@ -25,7 +25,7 @@ export default async function Trending() { src={`https://sup-proxy.zephex0-f6c.workers.dev/api-content?url=${item.image}`}
className={styles.trendingImage}
width={150}
- height={230}
+ height={280}
alt="Drama"
priority
/>
diff --git a/src/app/anime/top-airing/trending.module.css b/src/app/anime/top-airing/trending.module.css index 5b98e57..f8cd0d8 100644 --- a/src/app/anime/top-airing/trending.module.css +++ b/src/app/anime/top-airing/trending.module.css @@ -20,6 +20,12 @@ overflow-x: auto;
}
+.trending img {
+ width: auto;
+ height: auto;
+ max-height: 280px;
+}
+
.TrendingContainer:hover .trendingEntries {
opacity: 0.5;
}
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;
}
|