aboutsummaryrefslogtreecommitdiff
path: root/src/app/anime/recent/recent.module.css
diff options
context:
space:
mode:
authorzephex-alt <[email protected]>2024-05-04 18:18:30 +0000
committerGitHub <[email protected]>2024-05-04 18:18:30 +0000
commita6c3531821aa10d80cc93d1809cbc45943c2c830 (patch)
tree0b9fb3df41a4fb23283b730d699dacaf1ed9a7f3 /src/app/anime/recent/recent.module.css
parentUpdate README.md (diff)
downloaddramalama-a6c3531821aa10d80cc93d1809cbc45943c2c830.tar.xz
dramalama-a6c3531821aa10d80cc93d1809cbc45943c2c830.zip
UI changes to improved desktop experience
Diffstat (limited to 'src/app/anime/recent/recent.module.css')
-rw-r--r--src/app/anime/recent/recent.module.css70
1 files changed, 0 insertions, 70 deletions
diff --git a/src/app/anime/recent/recent.module.css b/src/app/anime/recent/recent.module.css
deleted file mode 100644
index 07f20d5..0000000
--- a/src/app/anime/recent/recent.module.css
+++ /dev/null
@@ -1,70 +0,0 @@
-.RecentText {
- display: flex;
- align-items: center;
-}
-
-.RecentText p {
- font-size: 28px;
- margin: 0;
- color: var(--soft-purple);
-}
-
-.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: 0.5rem;
- transition: opacity 400ms ease, transform 400ms ease;
-}
-
-.RecentEntries p {
- text-align: center;
- margin: 5px auto;
- width: auto;
- max-width: 180px;
- overflow: hidden;
- white-space: nowrap;
- text-overflow: ellipsis;
- 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: 0.5rem;
-}