diff options
| author | real-zephex <[email protected]> | 2024-04-23 20:32:21 +0530 |
|---|---|---|
| committer | real-zephex <[email protected]> | 2024-04-23 20:32:21 +0530 |
| commit | 6a037f2394bec426facc4f6fa9a5baa4cd78787b (patch) | |
| tree | a2a080d270e600ec8fb1f7f12b8858878b88494b /src/app/anime | |
| parent | somethign somethign (diff) | |
| download | dramalama-6a037f2394bec426facc4f6fa9a5baa4cd78787b.tar.xz dramalama-6a037f2394bec426facc4f6fa9a5baa4cd78787b.zip | |
Made the anime and kdrama titles to cut off after reaching div width. it just looks nice imo
Diffstat (limited to 'src/app/anime')
| -rw-r--r-- | src/app/anime/recent/recent.module.css | 5 | ||||
| -rw-r--r-- | src/app/anime/search/search.module.css | 4 | ||||
| -rw-r--r-- | src/app/anime/top-airing/trending.module.css | 5 |
3 files changed, 8 insertions, 6 deletions
diff --git a/src/app/anime/recent/recent.module.css b/src/app/anime/recent/recent.module.css index ca88518..baa93ba 100644 --- a/src/app/anime/recent/recent.module.css +++ b/src/app/anime/recent/recent.module.css @@ -53,8 +53,9 @@ margin: 5px auto;
width: 140px;
font-family: "Atkinson Hyperlegible";
- height: 80px;
- overflow-y: auto;
+ overflow: hidden;
+ white-space: nowrap;
+ text-overflow: ellipsis;
transition: font-size 400ms ease;
}
diff --git a/src/app/anime/search/search.module.css b/src/app/anime/search/search.module.css index 306daae..81cd9e5 100644 --- a/src/app/anime/search/search.module.css +++ b/src/app/anime/search/search.module.css @@ -1,6 +1,6 @@ .waitWhileLoading {
font-size: 18px;
- font-family: "Kanit";
+ font-family: "Atkinson Hyperlegible";
text-align: center;
color: white;
}
@@ -33,7 +33,7 @@ outline: none;
background: none;
width: 100%;
- font-family: "Lato";
+ font-family: "Atkinson Hyperlegible";
font-size: 16px;
}
diff --git a/src/app/anime/top-airing/trending.module.css b/src/app/anime/top-airing/trending.module.css index d8f1ed6..5b98e57 100644 --- a/src/app/anime/top-airing/trending.module.css +++ b/src/app/anime/top-airing/trending.module.css @@ -53,8 +53,9 @@ margin: 5px auto;
width: 140px;
font-family: "Atkinson Hyperlegible";
- height: 80px;
- overflow-y: auto;
+ overflow: hidden;
+ white-space: nowrap;
+ text-overflow: ellipsis;
}
.trendingEntries p::-webkit-scrollbar {
|