diff options
| author | real-zephex <[email protected]> | 2024-05-11 09:15:12 +0530 |
|---|---|---|
| committer | real-zephex <[email protected]> | 2024-05-11 09:15:12 +0530 |
| commit | b69507f771d09ac07f679c8eabf420e7558f9b7c (patch) | |
| tree | 92d73713cc03b7bdf3e3f07c0f95b116b0aae121 /src/app/anime/styles/info.module.css | |
| parent | adjustments to the cache system (diff) | |
| download | dramalama-b69507f771d09ac07f679c8eabf420e7558f9b7c.tar.xz dramalama-b69507f771d09ac07f679c8eabf420e7558f9b7c.zip | |
some minor fixes
Diffstat (limited to 'src/app/anime/styles/info.module.css')
| -rw-r--r-- | src/app/anime/styles/info.module.css | 28 |
1 files changed, 24 insertions, 4 deletions
diff --git a/src/app/anime/styles/info.module.css b/src/app/anime/styles/info.module.css index 4e65bdd..4216b37 100644 --- a/src/app/anime/styles/info.module.css +++ b/src/app/anime/styles/info.module.css @@ -9,21 +9,29 @@ align-items: center; } +.AnimeHeroSection strong { + color: var(--neon-yellow); +} + .AnimeHeroSection img { - padding: 0.5rem 0.7rem 0rem 0; + width: auto; + height: auto; + padding: 0.5rem 0.7rem 0.5rem 0.7rem; + border-radius: 1rem; } .animeDescription { max-height: 100px; overflow: auto; + color: var(--light-sky); } .animeDescription::-webkit-scrollbar { - width: 4px; + width: 3px; } .animeDescription::-webkit-scrollbar-thumb { - background-color: gray; + background-color: var(--nord-yellow); border-radius: 1rem; } @@ -50,6 +58,18 @@ } .AnimeHeroSection img { - padding: 0.4rem 0.4rem 0 0; + padding: 0.4rem 0.4rem 0.4rem 0.4rem; + } +} + +@media screen and (max-width: 425px) { + .AnimeHeroSection { + display: flex; + align-items: center; + flex-direction: column; + } + + .animeTitle { + text-align: center; } }
\ No newline at end of file |