diff options
Diffstat (limited to 'src/app/kdrama')
| -rw-r--r-- | src/app/kdrama/components/popular.jsx | 6 | ||||
| -rw-r--r-- | src/app/kdrama/components/recent.jsx | 6 | ||||
| -rw-r--r-- | src/app/kdrama/components/search.jsx | 4 | ||||
| -rw-r--r-- | src/app/kdrama/styles/info.module.css | 5 | ||||
| -rw-r--r-- | src/app/kdrama/styles/kdrama.module.css | 2 | ||||
| -rw-r--r-- | src/app/kdrama/styles/loading.module.css | 6 | ||||
| -rw-r--r-- | src/app/kdrama/styles/popular.module.css | 10 | ||||
| -rw-r--r-- | src/app/kdrama/styles/search.module.css | 4 |
8 files changed, 20 insertions, 23 deletions
diff --git a/src/app/kdrama/components/popular.jsx b/src/app/kdrama/components/popular.jsx index 335b45a..1b93313 100644 --- a/src/app/kdrama/components/popular.jsx +++ b/src/app/kdrama/components/popular.jsx @@ -19,11 +19,11 @@ export default async function PopularDramas() { key={index}
style={{ textDecoration: "none" }}
>
- <div className={styles.AnimeEntry}>
+ <div className={styles.AnimeEntry} title={item.title}>
<Image
src={`https://sup-proxy.zephex0-f6c.workers.dev/api-content?url=${item.image}`}
- width={150}
- height={230}
+ width={190}
+ height={270}
alt="Drama Poster"
/>
<p>{item.title}</p>
diff --git a/src/app/kdrama/components/recent.jsx b/src/app/kdrama/components/recent.jsx index e4cdb69..b53009e 100644 --- a/src/app/kdrama/components/recent.jsx +++ b/src/app/kdrama/components/recent.jsx @@ -18,11 +18,11 @@ export default async function RecentDramas() { key={index}
style={{ textDecoration: "none" }}
>
- <div className={styles.AnimeEntry}>
+ <div className={styles.AnimeEntry} title={item.title}>
<Image
src={`https://sup-proxy.zephex0-f6c.workers.dev/api-content?url=${item.image}`}
- width={160}
- height={240}
+ width={190}
+ height={270}
alt="Drama Poster"
/>
<p>{item.title}</p>
diff --git a/src/app/kdrama/components/search.jsx b/src/app/kdrama/components/search.jsx index dc641e1..f44e4bb 100644 --- a/src/app/kdrama/components/search.jsx +++ b/src/app/kdrama/components/search.jsx @@ -52,8 +52,8 @@ export default function DramaSearch() { <p>{item.title}</p>
<Image
src={`https://sup-proxy.zephex0-f6c.workers.dev/api-content?url=${item.image}`}
- width={120}
- height={190}
+ width={140}
+ height={210}
alt="Drama Poster"
/>
</div>
diff --git a/src/app/kdrama/styles/info.module.css b/src/app/kdrama/styles/info.module.css index d046ce4..edac191 100644 --- a/src/app/kdrama/styles/info.module.css +++ b/src/app/kdrama/styles/info.module.css @@ -98,7 +98,7 @@ .EpisodeButtons button:hover {
background-color: #1f1f1f;
- transition: background-color 0.2s linear
+ transition: background-color 0.2s linear;
}
.VideoContainer {
@@ -135,5 +135,4 @@ font-size: 14px;
width: 80px;
}
-
-}
\ No newline at end of file +}
diff --git a/src/app/kdrama/styles/kdrama.module.css b/src/app/kdrama/styles/kdrama.module.css index 9bb987c..f27060f 100644 --- a/src/app/kdrama/styles/kdrama.module.css +++ b/src/app/kdrama/styles/kdrama.module.css @@ -1,4 +1,4 @@ .Main {
max-width: 98%;
margin: 80px auto;
-}
\ No newline at end of file +}
diff --git a/src/app/kdrama/styles/loading.module.css b/src/app/kdrama/styles/loading.module.css index 011240e..825c247 100644 --- a/src/app/kdrama/styles/loading.module.css +++ b/src/app/kdrama/styles/loading.module.css @@ -10,12 +10,12 @@ height: 50px;
border-radius: 50%;
border: 8px solid;
- border-color: #F4F4F4 #0000;
+ border-color: #f4f4f4 #0000;
animation: s1 1s infinite;
}
@keyframes s1 {
to {
- transform: rotate(.5turn)
+ transform: rotate(0.5turn);
}
-}
\ No newline at end of file +}
diff --git a/src/app/kdrama/styles/popular.module.css b/src/app/kdrama/styles/popular.module.css index 2975659..4fc8f18 100644 --- a/src/app/kdrama/styles/popular.module.css +++ b/src/app/kdrama/styles/popular.module.css @@ -44,14 +44,13 @@ margin: 4px;
background-color: #1f1f1fbb;
padding: 0.5rem;
- transition: opacity 200ms ease, transform 200ms ease, background-color 200ms ease;
+ transition: opacity 200ms ease, transform 200ms ease,
+ background-color 200ms ease;
cursor: grab;
border-radius: 1rem;
}
.AnimeEntry img {
- width: auto;
- height: 280px;
border-radius: 1rem;
}
@@ -59,9 +58,10 @@ text-align: center;
color: white;
font-family: "Lexend Deca", serif;
- width: 140px;
+ width: auto;
+ max-width: 190px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
margin: 0.5rem 0rem 0rem 0rem;
-}
\ No newline at end of file +}
diff --git a/src/app/kdrama/styles/search.module.css b/src/app/kdrama/styles/search.module.css index de17169..5b9c965 100644 --- a/src/app/kdrama/styles/search.module.css +++ b/src/app/kdrama/styles/search.module.css @@ -79,8 +79,6 @@ }
.SearchEntry img {
- width: auto;
- height: auto;
border-radius: 0.5rem;
}
@@ -88,4 +86,4 @@ .Search {
max-width: 100%;
}
-}
\ No newline at end of file +}
|