diff options
| author | zephex-alt <[email protected]> | 2024-05-03 04:02:21 +0000 |
|---|---|---|
| committer | GitHub <[email protected]> | 2024-05-03 04:02:21 +0000 |
| commit | 446eb6d593b97b7d11bc779afe02fdd621d79893 (patch) | |
| tree | 1ba6acc811305d0be2aa1da06c183cfcc4f4d1ca /src/app/anime | |
| parent | added edge runtime line (diff) | |
| download | dramalama-446eb6d593b97b7d11bc779afe02fdd621d79893.tar.xz dramalama-446eb6d593b97b7d11bc779afe02fdd621d79893.zip | |
font changes, video player changes and other minor changes
Diffstat (limited to 'src/app/anime')
| -rw-r--r-- | src/app/anime/[id]/buttons.jsx | 12 | ||||
| -rw-r--r-- | src/app/anime/[id]/info.module.css | 16 | ||||
| -rw-r--r-- | src/app/anime/history/continueWatching/cw.module.css | 2 | ||||
| -rw-r--r-- | src/app/anime/recent/recent.module.css | 2 | ||||
| -rw-r--r-- | src/app/anime/search/search.module.css | 2 | ||||
| -rw-r--r-- | src/app/anime/top-airing/trending.module.css | 2 |
6 files changed, 10 insertions, 26 deletions
diff --git a/src/app/anime/[id]/buttons.jsx b/src/app/anime/[id]/buttons.jsx index 4f0aca4..9c297d2 100644 --- a/src/app/anime/[id]/buttons.jsx +++ b/src/app/anime/[id]/buttons.jsx @@ -4,12 +4,12 @@ import styles from "./info.module.css"; import { useState } from "react";
import { fetch_video_link } from "../videoLinkfetcher";
import { MediaPlayer, MediaProvider } from "@vidstack/react";
-import "@vidstack/react/player/styles/base.css";
-import "@vidstack/react/player/styles/plyr/theme.css";
+import "@vidstack/react/player/styles/default/theme.css";
+import "@vidstack/react/player/styles/default/layouts/video.css";
import {
- PlyrLayout,
- plyrLayoutIcons,
-} from "@vidstack/react/player/layouts/plyr";
+ defaultLayoutIcons,
+ DefaultVideoLayout,
+} from "@vidstack/react/player/layouts/default";
import { storeLocal } from "../history/storeData";
export default function Button({ data2: info }) {
@@ -91,7 +91,7 @@ export default function Button({ data2: info }) { volume={0.8}
>
<MediaProvider />
- <PlyrLayout icons={plyrLayoutIcons} />
+ <DefaultVideoLayout icons={defaultLayoutIcons} />
</MediaPlayer>
<button
className={styles.closeButton}
diff --git a/src/app/anime/[id]/info.module.css b/src/app/anime/[id]/info.module.css index c7ab66b..e6d0af1 100644 --- a/src/app/anime/[id]/info.module.css +++ b/src/app/anime/[id]/info.module.css @@ -19,7 +19,6 @@ .titleContainer p {
color: var(--neon-green);
width: 60%;
- font-family: "Lexend Deca", serif;
font-weight: 500;
font-size: 34px;
}
@@ -32,11 +31,9 @@ .animeDescription h2 {
color: #ffffff81;
margin: 20px 0px -10px 0px;
- font-family: "Lexend Deca", serif;
}
.animeDescription p {
- font-family: "Atkinson Hyperlegible", serif;
color: rgba(255, 255, 255, 0.637);
}
@@ -50,7 +47,6 @@ .buttonHeader {
margin: 0px 10px 10px 0px;
color: #ffffff81;
- font-family: "Lexend Deca", serif;
}
.buttonContainer button {
@@ -75,8 +71,7 @@ .dramaButton {
padding: 10px;
- font-family: "Atkinson Hyperlegible", serif;
- font-size: 14px;
+ font-family: "Lexend Deca", serif;
margin: 5px 5px 5px 5px;
width: 55px;
border-radius: 5px;
@@ -100,16 +95,14 @@ .animeDetails {
color: white;
- font-family: "Lexend Deca", serif;
}
.genreEntries {
margin: 3px;
padding: 4px;
border-radius: 5px;
- color: var(--neon-green);
+ color: var(--neon-yellow);
background-color: #303030;
- font-family: "Atkinson Hyperlegible", serif;
}
.animeType span {
@@ -123,7 +116,7 @@ .videoPopUp {
height: 100dvh;
width: 100dvw;
- background-color: #1f1f1fd3;
+ background-color: #141414ee;
position: fixed;
bottom: 0;
left: 0;
@@ -137,7 +130,7 @@ }
.closeButton {
- font-family: "Poppins", serif;
+ font-family: "Lexend Deca", serif;
font-size: 16px;
background-color: var(--pastel-red);
padding: 0.5rem 1.5rem;
@@ -150,7 +143,6 @@ .video {
width: 60vw;
- font-family: "Lexend Deca", serif;
}
.VideoPlayer {
diff --git a/src/app/anime/history/continueWatching/cw.module.css b/src/app/anime/history/continueWatching/cw.module.css index ce70c30..cf79acc 100644 --- a/src/app/anime/history/continueWatching/cw.module.css +++ b/src/app/anime/history/continueWatching/cw.module.css @@ -5,12 +5,10 @@ .mainText {
color: var(--light-green);
- font-family: "Poppins", serif;
font-size: 24px;
}
.animeContainer {
- font-family: "Poppins", serif;
font-size: 18px;
margin: 0px;
}
diff --git a/src/app/anime/recent/recent.module.css b/src/app/anime/recent/recent.module.css index c7877da..07f20d5 100644 --- a/src/app/anime/recent/recent.module.css +++ b/src/app/anime/recent/recent.module.css @@ -7,7 +7,6 @@ font-size: 28px;
margin: 0;
color: var(--soft-purple);
- font-family: "Lexend Deca", serif;
}
.RecentText span {
@@ -51,7 +50,6 @@ margin: 5px auto;
width: auto;
max-width: 180px;
- font-family: "Lexend Deca", serif;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
diff --git a/src/app/anime/search/search.module.css b/src/app/anime/search/search.module.css index 7f0ef67..9b0d374 100644 --- a/src/app/anime/search/search.module.css +++ b/src/app/anime/search/search.module.css @@ -1,6 +1,5 @@ .waitWhileLoading {
font-size: 18px;
- font-family: "Lexend Deca", serif;
text-align: center;
color: white;
}
@@ -95,7 +94,6 @@ .anime p {
color: white;
width: 20dvw;
- font-family: "Lexend Deca", serif;
font-size: 18px;
}
diff --git a/src/app/anime/top-airing/trending.module.css b/src/app/anime/top-airing/trending.module.css index 913697c..7d08a2e 100644 --- a/src/app/anime/top-airing/trending.module.css +++ b/src/app/anime/top-airing/trending.module.css @@ -7,7 +7,6 @@ font-size: 28px;
margin: 0px;
color: var(--soft-purple);
- font-family: "Lexend Deca", serif;
}
.TrendingText span {
@@ -52,7 +51,6 @@ margin: 5px auto;
width: auto;
max-width: 180px;
- font-family: "Lexend Deca", serif;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
|