diff options
Diffstat (limited to 'src')
| -rw-r--r-- | src/app/kdrama/[id]/page.jsx | 8 | ||||
| -rw-r--r-- | src/app/kdrama/styles/info.module.css | 16 |
2 files changed, 10 insertions, 14 deletions
diff --git a/src/app/kdrama/[id]/page.jsx b/src/app/kdrama/[id]/page.jsx index f6926c2..38593e7 100644 --- a/src/app/kdrama/[id]/page.jsx +++ b/src/app/kdrama/[id]/page.jsx @@ -37,9 +37,7 @@ export default async function DramaInfo({ params }) { <span className={styles.genreMain}>Genres: </span>
{info.genres &&
info.genres.map((item, index) => (
- <span key={index} className={styles.genreEntry}>
- {item}
- </span>
+ <p key={index}>{item}</p>
))}
</div>
@@ -48,9 +46,7 @@ export default async function DramaInfo({ params }) { <span className={styles.genreMain}>AKA: </span>
{info.otherNames &&
info.otherNames.map((item, index) => (
- <span key={index} className={styles.genreEntry}>
- {item}
- </span>
+ <p key={index}>{item}</p>
))}
</div>
diff --git a/src/app/kdrama/styles/info.module.css b/src/app/kdrama/styles/info.module.css index 070b904..9da3034 100644 --- a/src/app/kdrama/styles/info.module.css +++ b/src/app/kdrama/styles/info.module.css @@ -34,6 +34,14 @@ display: flex;
align-items: center;
overflow-x: auto;
+ color: white;
+ margin-top: 1rem;
+}
+.DramaGenre p {
+ background-color: #1f1f1f;
+ margin: 0rem 0rem 0rem 0.4rem;
+ padding: 0.4rem;
+ border-radius: 0.2rem;
}
.DramaGenre::-webkit-scrollbar {
@@ -50,14 +58,6 @@ font-size: 18px;
}
-.genreEntry {
- background-color: #31313141;
- color: white;
- padding: 5px;
- margin: 3px;
- border-radius: 5px;
-}
-
.EpisodesContainer {
margin-top: -10px;
}
|