diff options
| author | real-zephex <[email protected]> | 2024-04-06 15:38:39 +0530 |
|---|---|---|
| committer | GitHub <[email protected]> | 2024-04-06 15:38:39 +0530 |
| commit | 99e977342c2bc4aa3f6b930dfab80a7dc9f5eee3 (patch) | |
| tree | e5ea8e64e27778ce468431138775bf9f6dc3874b /src/app/kdrama/styles/popular.module.css | |
| parent | UI Upgrades for anime section. (diff) | |
| parent | added search functionality (diff) | |
| download | dramalama-99e977342c2bc4aa3f6b930dfab80a7dc9f5eee3.tar.xz dramalama-99e977342c2bc4aa3f6b930dfab80a7dc9f5eee3.zip | |
Merge pull request #2 from real-zephex/kdrama-section-rewrite
The kdrama section underwent a complete rewrite.
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..eafe792 --- /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; + cursor: grab; +} + +.AnimeEntry:hover { + transition: transform 0.2s linear; + transform: scale(0.97); +} + +.AnimeEntry img { + border-radius: 5px; +} + + +.AnimeEntry p { + text-align: center; + color: white; + font-family: "Atkinson Hyperlegible"; +}
\ No newline at end of file |