aboutsummaryrefslogtreecommitdiff
path: root/src/app
diff options
context:
space:
mode:
Diffstat (limited to 'src/app')
-rw-r--r--src/app/anime/[id]/info.module.css2
-rw-r--r--src/app/anime/[id]/page.jsx4
-rw-r--r--src/app/manga/[title]/[id]/info.module.css4
-rw-r--r--src/app/manga/loading.module.css1
4 files changed, 6 insertions, 5 deletions
diff --git a/src/app/anime/[id]/info.module.css b/src/app/anime/[id]/info.module.css
index 6299405..1a8ccf8 100644
--- a/src/app/anime/[id]/info.module.css
+++ b/src/app/anime/[id]/info.module.css
@@ -152,7 +152,7 @@
.VideoPlayer {
width: 60dvw;
-
+ height: auto;
}
diff --git a/src/app/anime/[id]/page.jsx b/src/app/anime/[id]/page.jsx
index 14fb36a..978a21c 100644
--- a/src/app/anime/[id]/page.jsx
+++ b/src/app/anime/[id]/page.jsx
@@ -22,6 +22,7 @@ export default async function AnimeInfo({ params }) {
width={175}
height={256}
alt="Drama"
+ priority
/>
</div>
<div className={styles.animeDescription}>
@@ -33,8 +34,7 @@ export default async function AnimeInfo({ params }) {
<div className={styles.animeDetails}>
<span className={styles.genre}>Genres: </span>
- {info &&
- info.genres &&
+ {info.genres &&
info.genres.map((item, index) => (
<span className={styles.genreEntries} key={index}>
{item}
diff --git a/src/app/manga/[title]/[id]/info.module.css b/src/app/manga/[title]/[id]/info.module.css
index a699557..e32aa65 100644
--- a/src/app/manga/[title]/[id]/info.module.css
+++ b/src/app/manga/[title]/[id]/info.module.css
@@ -13,8 +13,8 @@
justify-content: space-between;
align-items: center;
padding: 5px;
- background-color: #35353565;
- backdrop-filter: blur(7px);
+ background-color: #2c2c2c9c;
+ backdrop-filter: blur(5px);
}
diff --git a/src/app/manga/loading.module.css b/src/app/manga/loading.module.css
index 557f50a..148d8b8 100644
--- a/src/app/manga/loading.module.css
+++ b/src/app/manga/loading.module.css
@@ -1,5 +1,6 @@
.Main {
height: 100dvh;
+ width: 100dvw;
display: flex;
justify-content: center;
align-items: center;