diff options
| author | real-zephex <[email protected]> | 2024-04-04 23:00:53 +0530 |
|---|---|---|
| committer | real-zephex <[email protected]> | 2024-04-04 23:00:53 +0530 |
| commit | b7e29a3d67e3e214ba1c958478092ee4075e8171 (patch) | |
| tree | 01c6ee062f728aa771e9d6ce28edbdc68ca5fdd1 /src/app/kdrama/styles/popular.module.css | |
| parent | UI Upgrades for anime section. (diff) | |
| download | dramalama-b7e29a3d67e3e214ba1c958478092ee4075e8171.tar.xz dramalama-b7e29a3d67e3e214ba1c958478092ee4075e8171.zip | |
inmidst of rewriting the kdrama section. will complete it soon
Diffstat (limited to 'src/app/kdrama/styles/popular.module.css')
| -rw-r--r-- | src/app/kdrama/styles/popular.module.css | 52 |
1 files changed, 52 insertions, 0 deletions
diff --git a/src/app/kdrama/styles/popular.module.css b/src/app/kdrama/styles/popular.module.css new file mode 100644 index 0000000..cdda029 --- /dev/null +++ b/src/app/kdrama/styles/popular.module.css @@ -0,0 +1,52 @@ +.popDramasText { + color: var(--soft-purple); + font-family: "Poppins"; + font-size: 28px; + margin-bottom: 10px; +} + +.AnimeContainer { + display: flex; + overflow-x: auto; +} + +.AnimeContainer::-webkit-scrollbar { + height: 5px; +} + +.AnimeContainer::-webkit-scrollbar-track { + background-color: #3333339d; + border-radius: 5px; +} + +.AnimeContainer::-webkit-scrollbar-thumb { + background-color: rgb(68, 68, 68); + border-radius: 5px; +} + +/* Format the scrollbar later */ + +.AnimeEntry { + display: flex; + flex-direction: column; + align-items: center; + margin: 7px; + transition: transform 0.2s linear; +} + +.AnimeEntry:hover { + transition: transform 0.2s linear; + transform: scale(0.97); + cursor: pointer; +} + +.AnimeEntry img { + border-radius: 5px; +} + + +.AnimeEntry p { + text-align: center; + color: white; + font-family: "Atkinson Hyperlegible"; +}
\ No newline at end of file |