platypush/platypush
platypush/platypush
2
2
Fork 4
Code Issues 30 Pull requests Projects 4 Releases Packages Wiki Activity

[Media UI] Misc style improvements.

Browse source
This commit is contained in:
Fabio Manganiello 2024-07-16 01:18:33 +02:00
parent 910304b817
commit c5ac02d133
Signed by: blacklight
GPG key ID: D90FBA7F76362774
3 changed files with 25 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
platypush/backend/http/webapp/src/components/panels/Media/Item.vue
View file

@ -97,6 +97,8 @@ export default {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
max-height: 23.5em;
height: 100%;
cursor: initial !important; cursor: initial !important;
margin-bottom: 5px; margin-bottom: 5px;
border: 1px solid transparent; border: 1px solid transparent;

3
platypush/backend/http/webapp/src/components/panels/Media/Providers/Nav.vue
View file

@ -48,6 +48,9 @@ export default {
@import "../style.scss"; @import "../style.scss";
.nav { .nav {
overflow-x: auto !important;
overflow-y: hidden !important;
.path .token .icon { .path .token .icon {
margin-right: 0.5em; margin-right: 0.5em;
} }

21
platypush/backend/http/webapp/src/components/panels/Media/Providers/YouTube/header.scss
View file

@ -1,7 +1,19 @@
$banner-height: 100px; $banner-height: var(--banner-height);
$info-bg: rgba(0, 0, 0, 0.5); $info-bg: rgba(0, 0, 0, 0.5);
$info-fg: rgba(255, 255, 255, 0.9); $info-fg: rgba(255, 255, 255, 0.9);
@include until($tablet) {
.playlist-container, .channel {
--banner-height: 5em;
}
}
@include from($tablet) {
.playlist-container, .channel {
--banner-height: 100px;
}
}
.header { .header {
border-bottom: $default-border-2; border-bottom: $default-border-2;
margin-bottom: 0.5em; margin-bottom: 0.5em;
@ -86,7 +98,14 @@ $info-fg: rgba(255, 255, 255, 0.9);
} }
} }
.title-container {
max-height: var(--banner-height);
overflow-y: hidden;
}
.title { .title {
height: 100%;
align-content: center;
color: $default-fg-2; color: $default-fg-2;
font-size: 1.7em; font-size: 1.7em;
font-weight: bold; font-weight: bold;