diff options
| author | real-zephex <[email protected]> | 2024-05-11 01:33:00 +0530 |
|---|---|---|
| committer | real-zephex <[email protected]> | 2024-05-11 01:33:00 +0530 |
| commit | 4c4f8214637ac8d19e16f71d20542982a5eedad7 (patch) | |
| tree | d59021d92da577b2c38bc591571fe13a35a3b779 /src/app/anime/styles/info.module.css | |
| parent | Merge pull request #24 from zephex-alt/master (diff) | |
| download | dramalama-4c4f8214637ac8d19e16f71d20542982a5eedad7.tar.xz dramalama-4c4f8214637ac8d19e16f71d20542982a5eedad7.zip | |
UI changes, Logic change and complete re-write for anime page
Diffstat (limited to 'src/app/anime/styles/info.module.css')
| -rw-r--r-- | src/app/anime/styles/info.module.css | 55 |
1 files changed, 55 insertions, 0 deletions
diff --git a/src/app/anime/styles/info.module.css b/src/app/anime/styles/info.module.css new file mode 100644 index 0000000..4e65bdd --- /dev/null +++ b/src/app/anime/styles/info.module.css @@ -0,0 +1,55 @@ +.main { + width: 50%; + margin: 60px auto; + color: white; +} + +.AnimeHeroSection { + display: flex; + align-items: center; +} + +.AnimeHeroSection img { + padding: 0.5rem 0.7rem 0rem 0; +} + +.animeDescription { + max-height: 100px; + overflow: auto; +} + +.animeDescription::-webkit-scrollbar { + width: 4px; +} + +.animeDescription::-webkit-scrollbar-thumb { + background-color: gray; + border-radius: 1rem; +} + +.AnimeHeroSection p { + margin: 0; +} + +.animeTitle { + font-size: 28px; + color: var(--neon-green); +} + +@media screen and (max-width: 1024px) { + .main { + width: 100%; + } + + .AnimeHeroSection { + font-size: 14px; + } + + .animeTitle { + font-size: 24px; + } + + .AnimeHeroSection img { + padding: 0.4rem 0.4rem 0 0; + } +}
\ No newline at end of file |