diff options
| author | zephex-alt <[email protected]> | 2024-04-29 03:55:49 +0000 |
|---|---|---|
| committer | zephex-alt <[email protected]> | 2024-04-29 03:55:49 +0000 |
| commit | 0334cb2a8d79f511b95bd71ed5ee20a38077525c (patch) | |
| tree | fc48ccefdc340aea02d84376d97d5db65de0a2c4 /src/app/kdrama | |
| parent | removed edge runtime (diff) | |
| download | dramalama-0334cb2a8d79f511b95bd71ed5ee20a38077525c.tar.xz dramalama-0334cb2a8d79f511b95bd71ed5ee20a38077525c.zip | |
code maintainence
Diffstat (limited to 'src/app/kdrama')
| -rw-r--r-- | src/app/kdrama/[id]/buttons.jsx | 2 | ||||
| -rw-r--r-- | src/app/kdrama/styles/info.module.css | 32 | ||||
| -rw-r--r-- | src/app/kdrama/styles/popular.module.css | 10 | ||||
| -rw-r--r-- | src/app/kdrama/styles/search.module.css | 6 |
4 files changed, 29 insertions, 21 deletions
diff --git a/src/app/kdrama/[id]/buttons.jsx b/src/app/kdrama/[id]/buttons.jsx index 789c3ac..86110be 100644 --- a/src/app/kdrama/[id]/buttons.jsx +++ b/src/app/kdrama/[id]/buttons.jsx @@ -68,7 +68,7 @@ export default function EpisodesButtons({ data: episodeData, id: dramaId }) { load="eager"
className={styles.VideoPlayer}
playsInline
- volume={0.5}
+ volume={0.8}
>
<MediaProvider />
<PlyrLayout icons={plyrLayoutIcons} />
diff --git a/src/app/kdrama/styles/info.module.css b/src/app/kdrama/styles/info.module.css index eb7d6e4..d046ce4 100644 --- a/src/app/kdrama/styles/info.module.css +++ b/src/app/kdrama/styles/info.module.css @@ -11,23 +11,21 @@ .TitleContainer p {
color: white;
- font-family: "Poppins";
- font-size: 32px;
+ font-family: "Lexend Deca", serif;
+ font-size: 30px;
}
.TitleContainer img {
- width: auto;
- height: auto;
- border-radius: 10px;
+ border-radius: 0.5rem;
}
.DramaDescription h2 {
color: gray;
- font-family: "Poppins";
+ font-family: "Lexend Deca", serif;
}
.DramaDescription p {
- font-family: "Atkinson Hyperlegible";
+ font-family: "Atkinson Hyperlegible", serif;
color: white;
margin-top: -10px;
}
@@ -38,8 +36,17 @@ overflow-x: auto;
}
+.DramaGenre::-webkit-scrollbar {
+ height: 5px;
+}
+
+.DramaGenre::-webkit-scrollbar-thumb {
+ background-color: var(--soft-purple);
+ border-radius: 1rem;
+}
+
.genreMain {
- font-family: "Poppins";
+ font-family: "Lexend Deca", serif;
color: var(--neon-green);
font-size: 18px;
}
@@ -50,7 +57,7 @@ padding: 5px;
margin: 3px;
border-radius: 5px;
- font-family: "Atkinson Hyperlegible";
+ font-family: "Lexend Deca", serif;
cursor: crosshair;
}
@@ -60,7 +67,7 @@ .EpisodesContainer h2 {
color: gray;
- font-family: "Poppins";
+ font-family: "Lexend Deca", serif;
}
.EpisodeButtons {
@@ -82,7 +89,7 @@ .EpisodeButtons button p {
text-align: center;
- font-family: "Atkinson Hyperlegible", serif;
+ font-family: "Poppins", serif;
margin: 0;
overflow: hidden;
white-space: nowrap;
@@ -108,7 +115,7 @@ .Video p {
color: white;
- font-family: "Atkinson Hyperlegible";
+ font-family: "Atkinson Hyperlegible", serif;
color: var(--pastel-red);
}
@@ -116,6 +123,7 @@ margin: 0px auto;
width: auto;
height: auto;
+ font-family: "Lexend Deca", serif;
}
@media screen and (max-width: 768px) {
diff --git a/src/app/kdrama/styles/popular.module.css b/src/app/kdrama/styles/popular.module.css index 919613f..3c55264 100644 --- a/src/app/kdrama/styles/popular.module.css +++ b/src/app/kdrama/styles/popular.module.css @@ -1,6 +1,6 @@ .popDramasText {
color: var(--soft-purple);
- font-family: "Poppins";
+ font-family: "Lexend Deca", serif;
font-size: 28px;
margin-bottom: 10px;
font-weight: 500;
@@ -10,6 +10,7 @@ display: flex;
overflow-x: auto;
overflow-y: hidden;
+ margin-top: -8px;
}
.AnimeContainer::-webkit-scrollbar {
@@ -33,10 +34,9 @@ .AnimeContainer:hover .AnimeEntry:hover {
opacity: 1;
transform: scale(1.02);
+ background-color: #202020;
}
-/* Format the scrollbar later */
-
.AnimeEntry {
display: flex;
flex-direction: column;
@@ -44,7 +44,7 @@ margin: 4px;
background-color: #1f1f1fbb;
padding: 0.5rem;
- transition: opacity 400ms ease, transform 400ms ease;
+ transition: opacity 200ms ease, transform 200ms ease, background-color 200ms ease;
cursor: grab;
border-radius: 1rem;
}
@@ -56,7 +56,7 @@ .AnimeEntry p {
text-align: center;
color: white;
- font-family: "Atkinson Hyperlegible";
+ font-family: "Lexend Deca", serif;
width: 140px;
overflow: hidden;
white-space: nowrap;
diff --git a/src/app/kdrama/styles/search.module.css b/src/app/kdrama/styles/search.module.css index 8b723db..de17169 100644 --- a/src/app/kdrama/styles/search.module.css +++ b/src/app/kdrama/styles/search.module.css @@ -57,7 +57,7 @@ margin: 5px;
padding: 6px;
background-color: #2e2e2eab;
- border-radius: 10px;
+ border-radius: 0.5rem;
cursor: pointer;
transition: opacity 200ms linear, background-color 200ms linear;
}
@@ -73,14 +73,14 @@ .SearchEntry p {
color: white;
- font-family: "Atkinson Hyperlegible", serif;
+ font-family: "Lexend Deca", serif;
font-size: 18px;
width: 35vh;
}
.SearchEntry img {
width: auto;
- /* height: auto; */
+ height: auto;
border-radius: 0.5rem;
}
|