diff options
| author | zephex-alt <[email protected]> | 2024-04-29 07:11:35 +0000 |
|---|---|---|
| committer | GitHub <[email protected]> | 2024-04-29 07:11:35 +0000 |
| commit | 7e33153f834b4712172f8e06e90ec4eda3cca028 (patch) | |
| tree | a9316148e84bf9ab3b5cc0af2c162dd1fbdc539b /src/app/anime/top-airing/trending.module.css | |
| parent | downloading mangas is not longer available. i need a proper hosting to proper... (diff) | |
| download | dramalama-7e33153f834b4712172f8e06e90ec4eda3cca028.tar.xz dramalama-7e33153f834b4712172f8e06e90ec4eda3cca028.zip | |
adjusted the images' width and height
Diffstat (limited to 'src/app/anime/top-airing/trending.module.css')
| -rw-r--r-- | src/app/anime/top-airing/trending.module.css | 15 |
1 files changed, 5 insertions, 10 deletions
diff --git a/src/app/anime/top-airing/trending.module.css b/src/app/anime/top-airing/trending.module.css index 1ce9b45..dc9a29a 100644 --- a/src/app/anime/top-airing/trending.module.css +++ b/src/app/anime/top-airing/trending.module.css @@ -20,11 +20,6 @@ overflow-x: auto;
}
-.trending img {
- width: auto;
- height: 280px;
-}
-
.TrendingContainer:hover .trendingEntries {
opacity: 0.5;
}
@@ -49,15 +44,16 @@ transition: transform 400ms ease;
background-color: #1f1f1fbb;
padding: 0.5rem;
- border-radius: 1rem;
+ border-radius: 0.5rem;
transition: opacity 400ms ease, transform 400ms ease;
}
.trendingEntries p {
text-align: center;
margin: 5px auto;
- width: 140px;
- font-family: "Atkinson Hyperlegible";
+ width: auto;
+ max-width: 180px;
+ font-family: "Lexend Deca", serif;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
@@ -73,6 +69,5 @@ }
.trendingImage {
- border-radius: 1rem;
- aspect-ratio: auto;
+ border-radius: 0.5rem;
}
\ No newline at end of file |