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

[UI] A more consistent light style for the music widget.

Browse source
This commit is contained in:
Fabio Manganiello 2024-04-04 01:54:52 +02:00
parent 6f24504cc4
commit 787b6a6af6
Signed by untrusted user: blacklight
GPG key ID: D90FBA7F76362774
1 changed files with 5 additions and 9 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -445,14 +445,13 @@ $bottom-height: 2em;
width: 100%; width: 100%;
height: 100%; height: 100%;
position: absolute; position: absolute;
background-color: rgba(0, 0, 0, 0.4);
.image { .image {
width: 100%; width: 100%;
height: 100%; height: 100%;
background-size: cover; background-size: cover;
background-position: center; background-position: center;
filter: brightness(0.25); filter: contrast(0.5) opacity(0.2);
} }
} }
@ -475,19 +474,16 @@ $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 {
padding: 1em; padding: 1em;
border-radius: 1em; border-radius: 1em;
button {
color: white;
}
} }
&.has-progress { &.has-progress {
width: calc(100% - 1em); width: 100%;
padding: 0.25em; padding: 0.25em;
} }
} }
@ -512,8 +508,8 @@ $bottom-height: 2em;
justify-content: center; justify-content: center;
&.has-image { &.has-image {
background: rgba(0, 0, 0, 0.6); background: rgba(255, 255, 255, 0.3);
color: white; box-shadow: 0 0 0.25em rgba(0, 0, 0, 0.15);
} }
} }