diff options
| author | real-zephex <[email protected]> | 2024-05-14 01:02:50 +0530 |
|---|---|---|
| committer | real-zephex <[email protected]> | 2024-05-14 01:02:50 +0530 |
| commit | c0e1e1a5ab734d254392e8bfcc7ace0e0ff3b6fa (patch) | |
| tree | 271228b9cf8ba5bd80a79145216c84ee1144457d /src/app/anime/styles/pop_recent_top.module.css | |
| parent | minor changes to the kdrama page (diff) | |
| parent | Merge pull request #27 from real-zephex/improvement-2 (diff) | |
| download | dramalama-c0e1e1a5ab734d254392e8bfcc7ace0e0ff3b6fa.tar.xz dramalama-c0e1e1a5ab734d254392e8bfcc7ace0e0ff3b6fa.zip | |
Merge branch 'master' of https://github.com/real-zephex/Dramalama-Next
Diffstat (limited to 'src/app/anime/styles/pop_recent_top.module.css')
| -rw-r--r-- | src/app/anime/styles/pop_recent_top.module.css | 56 |
1 files changed, 56 insertions, 0 deletions
diff --git a/src/app/anime/styles/pop_recent_top.module.css b/src/app/anime/styles/pop_recent_top.module.css new file mode 100644 index 0000000..0feda13 --- /dev/null +++ b/src/app/anime/styles/pop_recent_top.module.css @@ -0,0 +1,56 @@ +.AnimeHeaderText { + color: white; + margin: 0.4rem 0 0 0; +} + +.AnimeContainer { + margin: 0.2rem 0 0 0; + display: grid; + grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); + grid-gap: 0.7rem; +} + +.AnimeEntry { + display: flex; + align-items: center; + justify-content: center; + flex-direction: column; + text-align: center; + padding: 0.8rem; + border-radius: 0.5rem; + background-color: #1f1f1f; +} + +.AnimeEntry img { + border-radius: 0.5rem; +} + +.AnimeEntry p { + margin: 0.2rem 0 -0.4rem 0; + max-width: 160px; + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; +} + +.EpisodeText { + color: var(--neon-yellow); + font-size: small; + padding-top: 0.2rem; +} +.AnimeContainer::-webkit-scrollbar { + height: 0.3rem; +} + +.AnimeContainer::-webkit-scrollbar-thumb { + background-color: var(--neon-yellow); + border-radius: 1rem; +} + +@media screen and (max-width: 768px) { + .AnimeContainer { + display: flex; + overflow: auto; + align-items: center; + } +}
\ No newline at end of file |