aboutsummaryrefslogtreecommitdiff
path: root/src/app/movies/styles/pop_trend.module.css
diff options
context:
space:
mode:
authorzephex-alt <[email protected]>2024-05-06 22:02:15 +0000
committerGitHub <[email protected]>2024-05-06 22:02:15 +0000
commitd58aa441e59f4f04f126c23da0864a5ff682e50a (patch)
treef772df95c9e29df62f25bc0a16e6cad78e2fd69e /src/app/movies/styles/pop_trend.module.css
parentadded MOVIES support. SERIES support coming soon! (diff)
downloaddramalama-d58aa441e59f4f04f126c23da0864a5ff682e50a.tar.xz
dramalama-d58aa441e59f4f04f126c23da0864a5ff682e50a.zip
minor fixes
Diffstat (limited to 'src/app/movies/styles/pop_trend.module.css')
-rw-r--r--src/app/movies/styles/pop_trend.module.css17
1 files changed, 15 insertions, 2 deletions
diff --git a/src/app/movies/styles/pop_trend.module.css b/src/app/movies/styles/pop_trend.module.css
index f9581c4..9b94078 100644
--- a/src/app/movies/styles/pop_trend.module.css
+++ b/src/app/movies/styles/pop_trend.module.css
@@ -27,11 +27,24 @@
}
.MovieContainer::-webkit-scrollbar {
- height: 0;
+ height: 0;
+}
+
+.MovieContainer:hover .MovieEntryPrev {
+ opacity: 0.5;
+}
+
+.MovieContainer:hover .MovieEntryPrev:hover {
+ opacity: 1;
+ scale: 1.02;
+}
+
+.MovieEntryPrev {
+ transition: opacity 200ms ease, scale 200ms ease;
}
.MovieEntry {
- background-color: #1f1f1fb2;
+ background-color: #1f1f1fc2;
padding: 0.5rem;
/* border-radius: 0.5rem; */
display: flex;