diff options
| author | real-zephex <[email protected]> | 2024-05-14 01:20:34 +0530 |
|---|---|---|
| committer | real-zephex <[email protected]> | 2024-05-14 01:20:34 +0530 |
| commit | c75cde394dee359c9a13ff5fe4f53cacb0853cda (patch) | |
| tree | ac4890818632c6abc8cc9fa605c451d52ec4a621 | |
| parent | Merge branch 'master' of https://github.com/real-zephex/Dramalama-Next (diff) | |
| download | dramalama-c75cde394dee359c9a13ff5fe4f53cacb0853cda.tar.xz dramalama-c75cde394dee359c9a13ff5fe4f53cacb0853cda.zip | |
minor changes to the manga page
| -rw-r--r-- | src/app/kdrama/[id]/buttons.jsx | 15 | ||||
| -rw-r--r-- | src/app/manga/[title]/title.module.css | 25 |
2 files changed, 34 insertions, 6 deletions
diff --git a/src/app/kdrama/[id]/buttons.jsx b/src/app/kdrama/[id]/buttons.jsx index e31adf1..66292e7 100644 --- a/src/app/kdrama/[id]/buttons.jsx +++ b/src/app/kdrama/[id]/buttons.jsx @@ -13,7 +13,7 @@ import { export default function EpisodesButtons({ data: episodeData, id: dramaId }) {
const [videoLink, setVideoLink] = useState(null);
- async function test(a, b, episodeText) {
+ async function test(a, b) {
let link = await getVideoLink(a, b);
setVideoLink(link);
}
@@ -23,7 +23,7 @@ export default function EpisodesButtons({ data: episodeData, id: dramaId }) { <div className={styles.EpisodesContainer}>
<h2>Episodes</h2>
<div className={styles.EpisodeButtons}>
- {episodeData &&
+ {episodeData && episodeData.length > 0 ? (
episodeData.map((item, index) => (
<button
title={item.title}
@@ -31,12 +31,19 @@ export default function EpisodesButtons({ data: episodeData, id: dramaId }) { onClick={(event) => {
test(item.id, dramaId, item.title);
event.currentTarget.style.backgroundColor =
- "#D08770";
+ "var(--soft-purple)";
}}
>
<p>{item.title}</p>
</button>
- ))}
+ ))
+ ) : (
+ <p style={{ color: "white" }}>
+ No episodes are available at the moment but they
+ will be made available soon. Thank you for your
+ patience.
+ </p>
+ )}
</div>
</div>
diff --git a/src/app/manga/[title]/title.module.css b/src/app/manga/[title]/title.module.css index 203efad..7ed09bd 100644 --- a/src/app/manga/[title]/title.module.css +++ b/src/app/manga/[title]/title.module.css @@ -77,8 +77,29 @@ max-width: 100%;
}
+ .MangaEntries {
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ justify-content: center;
+ text-align: center;
+ }
+
+ .MangaEntries img {
+ width: auto;
+ height: auto;
+ border-radius: 0.3rem;
+ background-color: #121212;
+ padding: 0.2rem;
+ }
+
+ .MangaTitle {
+ font-weight: 600;
+ }
+
.MangaDescription {
- max-height: 10rem;
+ max-height: 7.5rem;
overflow: auto;
}
-}
+
+}
\ No newline at end of file |