diff options
| author | zephex-alt <[email protected]> | 2024-05-05 05:12:06 +0000 |
|---|---|---|
| committer | GitHub <[email protected]> | 2024-05-05 05:12:06 +0000 |
| commit | db8af9bda1d57061fa3f240c2be9bb8bc0b5f838 (patch) | |
| tree | 8970cdc8ecb8775cbdfc7782e00c9db151e5dff2 /src/app/kdrama | |
| parent | i guess I fixed it (diff) | |
| download | dramalama-db8af9bda1d57061fa3f240c2be9bb8bc0b5f838.tar.xz dramalama-db8af9bda1d57061fa3f240c2be9bb8bc0b5f838.zip | |
UI enhancement
Diffstat (limited to 'src/app/kdrama')
| -rw-r--r-- | src/app/kdrama/components/popular.jsx | 2 | ||||
| -rw-r--r-- | src/app/kdrama/components/recent.jsx | 2 | ||||
| -rw-r--r-- | src/app/kdrama/styles/search.module.css | 5 |
3 files changed, 5 insertions, 4 deletions
diff --git a/src/app/kdrama/components/popular.jsx b/src/app/kdrama/components/popular.jsx index d09e0ff..8b88fd7 100644 --- a/src/app/kdrama/components/popular.jsx +++ b/src/app/kdrama/components/popular.jsx @@ -13,7 +13,7 @@ export default async function PopularDramas() { <div className={styles.AnimeContainer}>
{popular &&
- popular.results.slice(0, 16).map((item, index) => (
+ popular.results.slice(0, 24).map((item, index) => (
<Link
href={`/kdrama/${encodeURIComponent(item.id)}`}
key={index}
diff --git a/src/app/kdrama/components/recent.jsx b/src/app/kdrama/components/recent.jsx index fc142b1..d28f348 100644 --- a/src/app/kdrama/components/recent.jsx +++ b/src/app/kdrama/components/recent.jsx @@ -12,7 +12,7 @@ export default async function RecentDramas() { <div className={styles.AnimeContainer}>
{popular &&
- popular.results.slice(0, 16).map((item, index) => (
+ popular.results.slice(0, 24).map((item, index) => (
<Link
href={`/kdrama/${encodeURIComponent(item.id)}`}
key={index}
diff --git a/src/app/kdrama/styles/search.module.css b/src/app/kdrama/styles/search.module.css index 80f70b9..e8076f3 100644 --- a/src/app/kdrama/styles/search.module.css +++ b/src/app/kdrama/styles/search.module.css @@ -1,5 +1,5 @@ .SearchContainer {
- margin: 20px 0px -20px 0px;
+ margin: -1rem 0 -2rem 0;
}
.LoadingText {
@@ -14,7 +14,8 @@ display: flex;
align-items: center;
max-width: 30%;
- border-radius: 10px;
+ border-radius: 0.8rem;
+ margin: 0 0.2rem 0 0.2rem;
}
.SearchContainer input {
|