diff options
| author | zephex-alt <[email protected]> | 2024-05-04 18:18:30 +0000 |
|---|---|---|
| committer | GitHub <[email protected]> | 2024-05-04 18:18:30 +0000 |
| commit | a6c3531821aa10d80cc93d1809cbc45943c2c830 (patch) | |
| tree | 0b9fb3df41a4fb23283b730d699dacaf1ed9a7f3 /src/app/kdrama/components | |
| parent | Update README.md (diff) | |
| download | dramalama-a6c3531821aa10d80cc93d1809cbc45943c2c830.tar.xz dramalama-a6c3531821aa10d80cc93d1809cbc45943c2c830.zip | |
UI changes to improved desktop experience
Diffstat (limited to 'src/app/kdrama/components')
| -rw-r--r-- | src/app/kdrama/components/popular.jsx | 11 | ||||
| -rw-r--r-- | src/app/kdrama/components/recent.jsx | 9 |
2 files changed, 13 insertions, 7 deletions
diff --git a/src/app/kdrama/components/popular.jsx b/src/app/kdrama/components/popular.jsx index 1b93313..d09e0ff 100644 --- a/src/app/kdrama/components/popular.jsx +++ b/src/app/kdrama/components/popular.jsx @@ -13,17 +13,20 @@ export default async function PopularDramas() { <div className={styles.AnimeContainer}>
{popular &&
- popular.results.map((item, index) => (
+ popular.results.slice(0, 16).map((item, index) => (
<Link
href={`/kdrama/${encodeURIComponent(item.id)}`}
key={index}
style={{ textDecoration: "none" }}
>
- <div className={styles.AnimeEntry} title={item.title}>
+ <div
+ className={styles.AnimeEntry}
+ title={item.title}
+ >
<Image
src={`https://sup-proxy.zephex0-f6c.workers.dev/api-content?url=${item.image}`}
- width={190}
- height={270}
+ width={200}
+ height={310}
alt="Drama Poster"
/>
<p>{item.title}</p>
diff --git a/src/app/kdrama/components/recent.jsx b/src/app/kdrama/components/recent.jsx index b53009e..fc142b1 100644 --- a/src/app/kdrama/components/recent.jsx +++ b/src/app/kdrama/components/recent.jsx @@ -8,17 +8,20 @@ export default async function RecentDramas() { PreFetchAnimeInfo(popular);
return (
<div className={styles.Main}>
- <p className={styles.popDramasText}>Recently Released</p>
+ <p className={styles.popDramasText}>Recent Releases</p>
<div className={styles.AnimeContainer}>
{popular &&
- popular.results.map((item, index) => (
+ popular.results.slice(0, 16).map((item, index) => (
<Link
href={`/kdrama/${encodeURIComponent(item.id)}`}
key={index}
style={{ textDecoration: "none" }}
>
- <div className={styles.AnimeEntry} title={item.title}>
+ <div
+ className={styles.AnimeEntry}
+ title={item.title}
+ >
<Image
src={`https://sup-proxy.zephex0-f6c.workers.dev/api-content?url=${item.image}`}
width={190}
|