aboutsummaryrefslogtreecommitdiff
path: root/src/app/anime/recent/recent.module.css
diff options
context:
space:
mode:
authorzephex <[email protected]>2024-04-20 13:34:53 +0530
committerzephex <[email protected]>2024-04-20 13:34:53 +0530
commitd6780cf3dad729c69a102ba2940188cf1e6bcbf4 (patch)
treed10a2aefef6664c42439f165c73722c514b032bc /src/app/anime/recent/recent.module.css
parentfeature added: tracker for mangas (diff)
downloaddramalama-d6780cf3dad729c69a102ba2940188cf1e6bcbf4.tar.xz
dramalama-d6780cf3dad729c69a102ba2940188cf1e6bcbf4.zip
idk whats happening
Diffstat (limited to 'src/app/anime/recent/recent.module.css')
-rw-r--r--src/app/anime/recent/recent.module.css144
1 files changed, 72 insertions, 72 deletions
diff --git a/src/app/anime/recent/recent.module.css b/src/app/anime/recent/recent.module.css
index 59b794d..ca88518 100644
--- a/src/app/anime/recent/recent.module.css
+++ b/src/app/anime/recent/recent.module.css
@@ -1,73 +1,73 @@
-.RecentText {
- display: flex;
- align-items: center;
-}
-
-.RecentText p {
- font-size: 28px;
- margin: 5px;
- color: var(--soft-purple);
- font-family: "Poppins";
- font-weight: 500;
-}
-
-.RecentText span {
- margin-top: 6px;
-}
-
-.Recent {
- display: flex;
- overflow-x: auto;
-}
-
-.RecentContainer:hover .RecentEntries {
- opacity: 0.4;
-}
-
-.RecentContainer:hover:hover .RecentEntries:hover {
- opacity: 1;
- transform: scale(1.02);
-}
-
-.Recent::-webkit-scrollbar {
- height: 5px;
- width: 0px;
-}
-
-.Recent::-webkit-scrollbar-thumb {
- background-color: #444444;
- border-radius: 5px;
-}
-
-.RecentEntries {
- margin: 4px;
- background-color: #1f1f1fbb;
- padding: 0.5rem;
- border-radius: 1rem;
- transition: opacity 400ms ease, transform 400ms ease;
-
-}
-
-.RecentEntries p {
- text-align: center;
- margin: 5px auto;
- width: 140px;
- font-family: "Atkinson Hyperlegible";
- height: 80px;
- overflow-y: auto;
- transition: font-size 400ms ease;
-}
-
-.RecentEntries p::-webkit-scrollbar {
- width: 2px;
-}
-
-.Recent p::-webkit-scrollbar-thumb {
- background-color: #444444;
- border-radius: 5px;
-}
-
-.RecentImage {
- border-radius: 1rem;
- aspect-ratio: auto;
+.RecentText {
+ display: flex;
+ align-items: center;
+}
+
+.RecentText p {
+ font-size: 28px;
+ margin: 5px;
+ color: var(--soft-purple);
+ font-family: "Poppins";
+ font-weight: 500;
+}
+
+.RecentText span {
+ margin-top: 6px;
+}
+
+.Recent {
+ display: flex;
+ overflow-x: auto;
+}
+
+.RecentContainer:hover .RecentEntries {
+ opacity: 0.4;
+}
+
+.RecentContainer:hover:hover .RecentEntries:hover {
+ opacity: 1;
+ transform: scale(1.02);
+}
+
+.Recent::-webkit-scrollbar {
+ height: 5px;
+ width: 0px;
+}
+
+.Recent::-webkit-scrollbar-thumb {
+ background-color: #444444;
+ border-radius: 5px;
+}
+
+.RecentEntries {
+ margin: 4px;
+ background-color: #1f1f1fbb;
+ padding: 0.5rem;
+ border-radius: 1rem;
+ transition: opacity 400ms ease, transform 400ms ease;
+
+}
+
+.RecentEntries p {
+ text-align: center;
+ margin: 5px auto;
+ width: 140px;
+ font-family: "Atkinson Hyperlegible";
+ height: 80px;
+ overflow-y: auto;
+ transition: font-size 400ms ease;
+}
+
+.RecentEntries p::-webkit-scrollbar {
+ width: 2px;
+}
+
+.Recent p::-webkit-scrollbar-thumb {
+ background-color: #444444;
+ border-radius: 5px;
+}
+
+.RecentImage {
+ border-radius: 1rem;
+ aspect-ratio: auto;
} \ No newline at end of file