From aabc2fa63b70079a62cb6ffb47c1542e6c73286d Mon Sep 17 00:00:00 2001 From: real-zephex Date: Fri, 15 Mar 2024 21:23:45 +0530 Subject: features: added anime and pretty much completed it. only search functionality is left to add --- src/app/recent/recent.css | 67 +++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 67 insertions(+) create mode 100644 src/app/recent/recent.css (limited to 'src/app/recent/recent.css') diff --git a/src/app/recent/recent.css b/src/app/recent/recent.css new file mode 100644 index 0000000..3fc5e26 --- /dev/null +++ b/src/app/recent/recent.css @@ -0,0 +1,67 @@ + +.trendingContainer { + display: flex; + flex-direction: column; +} + +.trendingText { + color: white; + font-family: "Open Sans"; + font-size: 30px; + margin: 10px; + /* margin-bottom: 10px; */ +} + +.trending { + width: 98%; + display: flex; + flex-direction: row; + overflow-x: auto; + margin: 0px auto; +} + +/* Customize scrollbar here */ +.trending::-webkit-scrollbar { + height: 5px; +} + +.trendingEntries { + margin: 10px 10px 5px 5px; + text-align: center; + cursor: pointer; + transition: transform 0.2s ease; + +} +.trendingEntries:hover { + transform: scale(1.03); +} + +.trendingEntries img { + border-radius: 10px; + width: 160px; + height: 220px; +} + +.trendingEntries p { + color: white; + max-height: 60px; + max-width: 150px; + overflow-y: auto; + font-family: "Lato"; + margin: 10px auto; + font-size: 18px; +} + +.trendingEntries p::-webkit-scrollbar{ + width: 5px; +} + +@media (prefers-color-scheme: light) { + .trendingText { + color: black; + } + + .trendingEntries p { + color: black; + } +} \ No newline at end of file -- cgit v1.2.3