MyFavMirrors/owntone-server
1
0
Fork 0
mirror of https://github.com/owntone/owntone-server.git synced 2025-02-05 02:38:09 -05:00
Code Issues Packages Projects Releases Wiki Activity

[web] Use CSS Bluma variables whenever possible

Browse Source
This commit is contained in:
Alain Nussbaumer 2023-12-07 16:43:47 +01:00
parent e96a5702fd
commit 7456d958ba
1 changed files with 7 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
web-src/src/mystyles.scss
View File

@ -63,7 +63,7 @@ a.navbar-item {
} }
.fd-progress-bar { .fd-progress-bar {
top: 52px !important; top: $navbar-height !important;
} }
.fd-has-shadow img { .fd-has-shadow img {
@ -85,12 +85,12 @@ a.navbar-item {
display: flex; display: flex;
justify-content: center; justify-content: center;
&-small-image { &-small-image {
width: 64px; width: 4rem;
height: 64px; height: 4rem;
img { img {
border-radius: $radius-small; border-radius: $radius-small;
max-width: 64px; max-width: 4rem;
max-height: 64px; max-height: 4rem;
} }
} }
&-medium-image { &-medium-image {
@ -135,8 +135,7 @@ a.navbar-item {
} }
.media:first-of-type { .media:first-of-type {
padding-top: 17px; padding-top: 1rem;
margin-top: 16px;
} }
/* Transition effect */ /* Transition effect */
@ -174,7 +173,7 @@ a.navbar-item {
} }
/* Show scrollbar for navbar menu in desktop mode if content exceeds the screen size */ /* Show scrollbar for navbar menu in desktop mode if content exceeds the screen size */
@media only screen and (min-width: 1024px) { @include desktop {
.navbar-dropdown { .navbar-dropdown {
max-height: calc(100vh - calc(2 * $navbar-height) - 2rem); max-height: calc(100vh - calc(2 * $navbar-height) - 2rem);
overflow: auto; overflow: auto;