aboutsummaryrefslogtreecommitdiff
path: root/resources/src
diff options
context:
space:
mode:
authorMiguel Ángel Moreno <mail@migalmoreno.com>2024-04-19 16:25:57 +0200
committerMiguel Ángel Moreno <mail@migalmoreno.com>2024-04-19 16:35:55 +0200
commit3166d86301186999f22d4dcae0681f623360f87b (patch)
treee57cc9bca07f2c4c79a431023d6831bfc1d28b14 /resources/src
parent758c276bf65f1be6d60736d1694f00c7e59d6cae (diff)
feat: move styles file and refine videojs styles
Diffstat (limited to 'resources/src')
-rw-r--r--resources/src/styles/tubo.scss (renamed from resources/src/css/tubo.scss)16
1 files changed, 13 insertions, 3 deletions
diff --git a/resources/src/css/tubo.scss b/resources/src/styles/tubo.scss
index 87189a2..2ab74f3 100644
--- a/resources/src/css/tubo.scss
+++ b/resources/src/styles/tubo.scss
@@ -15,15 +15,25 @@
object-fit: cover;
}
-.vjs-tubo .vjs-control-bar, .vjs-tubo .vjs-volume-control {
- background: none;
+.vjs-tubo .vjs-control-bar {
+ background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%);
+}
+
+.vjs-tubo .vjs-volume-control {
+ background: radial-gradient(rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0) 45%);
+ backdrop-filter: blur(1px);
+}
+
+.vjs-tubo .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
+ background: rgba(0, 0, 0, 0.5);
+ backdrop-filter: blur(6px);
}
.vjs-tubo .vjs-current-time, .vjs-tubo .vjs-time-divider, .vjs-tubo .vjs-duration {
display: block;
}
-.vjs-tubo .vjs-big-play-button, .vjs-tubo.vjs-paused .vjs-big-play-button {
+.vjs-tubo .vjs-big-play-button, .vjs-tubo.vjs-paused .vjs-big-play-button, .vjs-tubo:hover .vjs-big-play-button {
background: none;
border: none;
}