revil-O/platypush
1
0
Fork 0
forked from platypush/platypush
Code Pull requests Activity

[UI] Better style for music widget.

Browse source
This commit is contained in:
Fabio Manganiello 2024-04-05 03:57:45 +02:00
parent 96f3420c8e
commit 03765ad652
Signed by untrusted user: blacklight
GPG key ID: D90FBA7F76362774
1 changed files with 5 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
platypush/backend/http/webapp/src/components/widgets/Music/Index.vue
View file

@ -451,7 +451,7 @@ $bottom-height: 2em;
height: 100%; height: 100%;
background-size: cover; background-size: cover;
background-position: center; background-position: center;
filter: contrast(0.5) opacity(0.2); filter: contrast(0.15) opacity(0.5);
} }
} }
@ -474,7 +474,6 @@ $bottom-height: 2em;
height: calc(100% - #{$bottom-height}); height: calc(100% - #{$bottom-height});
.section { .section {
border-radius: 1em;
flex-direction: column; flex-direction: column;
&.has-image { &.has-image {
@ -483,8 +482,8 @@ $bottom-height: 2em;
} }
&.has-progress { &.has-progress {
width: 100%; width: calc(100% - 0.5em);
padding: 0.25em; padding: 1.5em 0.25em;
} }
} }
} }
@ -498,6 +497,7 @@ $bottom-height: 2em;
&.has-image { &.has-image {
border-top: none; border-top: none;
box-shadow: 0 0 0.25em rgba(0, 0, 0, 0.15);
} }
} }
} }
@ -508,7 +508,7 @@ $bottom-height: 2em;
justify-content: center; justify-content: center;
&.has-image { &.has-image {
background: rgba(255, 255, 255, 0.3); background: rgba(255, 255, 255, 0.4);
box-shadow: 0 0 0.25em rgba(0, 0, 0, 0.15); box-shadow: 0 0 0.25em rgba(0, 0, 0, 0.15);
} }
} }