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/recent/recent.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/recent/recent.module.css')
| -rw-r--r-- | src/app/anime/recent/recent.module.css | 15 |
1 files changed, 5 insertions, 10 deletions
diff --git a/src/app/anime/recent/recent.module.css b/src/app/anime/recent/recent.module.css index 47929ed..d16c23f 100644 --- a/src/app/anime/recent/recent.module.css +++ b/src/app/anime/recent/recent.module.css @@ -20,11 +20,6 @@ overflow-x: auto;
}
-.Recent img {
- width: auto;
- height: 280px;
-}
-
.RecentContainer:hover .RecentEntries {
opacity: 0.4;
}
@@ -48,7 +43,7 @@ margin: 4px;
background-color: #1f1f1fbb;
padding: 0.5rem;
- border-radius: 1rem;
+ border-radius: 0.5rem;
transition: opacity 400ms ease, transform 400ms ease;
}
@@ -56,8 +51,9 @@ .RecentEntries 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;
@@ -74,6 +70,5 @@ }
.RecentImage {
- border-radius: 1rem;
- aspect-ratio: auto;
+ border-radius: 0.5rem;
}
\ No newline at end of file |