diff options
| author | real-zephex <[email protected]> | 2024-04-29 10:06:01 +0530 |
|---|---|---|
| committer | GitHub <[email protected]> | 2024-04-29 10:06:01 +0530 |
| commit | fdc6b602228d923b0c255521ee74289e7a0d94a2 (patch) | |
| tree | 3531fc9fd2fbe178d43e6a1c67d116f30fd4a61e /src/app/kdrama/styles/popular.module.css | |
| parent | Update README.md (diff) | |
| parent | adjusted the width and height of the image just by a little (diff) | |
| download | dramalama-fdc6b602228d923b0c255521ee74289e7a0d94a2.tar.xz dramalama-fdc6b602228d923b0c255521ee74289e7a0d94a2.zip | |
Merge pull request #5 from zephex-alt/master
changes
Diffstat (limited to 'src/app/kdrama/styles/popular.module.css')
| -rw-r--r-- | src/app/kdrama/styles/popular.module.css | 12 |
1 files changed, 7 insertions, 5 deletions
diff --git a/src/app/kdrama/styles/popular.module.css b/src/app/kdrama/styles/popular.module.css index 919613f..2975659 100644 --- a/src/app/kdrama/styles/popular.module.css +++ b/src/app/kdrama/styles/popular.module.css @@ -1,6 +1,6 @@ .popDramasText {
color: var(--soft-purple);
- font-family: "Poppins";
+ font-family: "Lexend Deca", serif;
font-size: 28px;
margin-bottom: 10px;
font-weight: 500;
@@ -10,6 +10,7 @@ display: flex;
overflow-x: auto;
overflow-y: hidden;
+ margin-top: -8px;
}
.AnimeContainer::-webkit-scrollbar {
@@ -33,10 +34,9 @@ .AnimeContainer:hover .AnimeEntry:hover {
opacity: 1;
transform: scale(1.02);
+ background-color: #202020;
}
-/* Format the scrollbar later */
-
.AnimeEntry {
display: flex;
flex-direction: column;
@@ -44,19 +44,21 @@ margin: 4px;
background-color: #1f1f1fbb;
padding: 0.5rem;
- transition: opacity 400ms ease, transform 400ms ease;
+ transition: opacity 200ms ease, transform 200ms ease, background-color 200ms ease;
cursor: grab;
border-radius: 1rem;
}
.AnimeEntry img {
+ width: auto;
+ height: 280px;
border-radius: 1rem;
}
.AnimeEntry p {
text-align: center;
color: white;
- font-family: "Atkinson Hyperlegible";
+ font-family: "Lexend Deca", serif;
width: 140px;
overflow: hidden;
white-space: nowrap;
|