CodeDevMLH/jellyfin-plugin-media-bar-enhanced
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 24 Wiki Activity

test2

Browse Source
This commit is contained in:
CodeDevMLH
2026-03-08 15:47:09 +01:00
parent 0498756529
commit 95a8907496
1 changed files with 41 additions and 31 deletions
Download Patch File Download Diff File Expand all files Collapse all files

72
Jellyfin.Plugin.MediaBarEnhanced/Web/mediaBarEnhanced.css
View File

@@ -766,18 +766,41 @@
} }
.button-container { .button-container {
top: calc(50% + 25vh); top: calc(50% + 24vh) !important;
left: 50%; left: 50% !important;
transform: translateX(-50%) scale(0.95); transform: translateX(-50%) !important;
width: 95vw; width: 100vw !important;
flex-wrap: wrap; flex-wrap: nowrap !important;
justify-content: center; justify-content: center !important;
gap: 15px; gap: 12px !important;
padding: 0 10px !important;
box-sizing: border-box !important;
} }
.button-container button { .button-container button {
min-width: unset !important; min-width: unset !important;
margin: 0 !important; margin: 0 !important;
flex-shrink: 1 !important;
height: 45px !important;
max-width: fit-content !important;
}
.button-container .play-button,
.button-container .trailer-button {
padding: 8px 14px !important;
border-radius: 8px !important;
font-size: 16px !important;
}
.button-container .detail-button,
.button-container .favorite-button {
width: 45px !important;
padding: 0 !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
flex-shrink: 0 !important;
border-radius: 50% !important;
} }
.logo { .logo {
@@ -807,36 +830,23 @@
@media (max-width: 400px) { @media (max-width: 400px) {
.button-container { .button-container {
gap: 10px; gap: 6px !important;
top: calc(50% + 26.5vh) !important;
} }
.play-button, .button-container .play-button,
.trailer-button { .button-container .trailer-button {
padding: 8px 14px; padding: 6px 10px !important;
font-size: 14px !important;
} }
.misc-info { .button-container button {
flex-wrap: wrap; height: 40px !important;
justify-content: center;
gap: 0px 10px;
} }
.runTime { .button-container .detail-button,
width: 100%; .button-container .favorite-button {
justify-content: center; width: 40px !important;
margin-top: 0.5vh;
}
.misc-info .separator-icon:last-of-type {
display: none;
}
.genre {
top: calc(50% + 16vh);
}
.button-container {
top: calc(50% + 27vh);
} }
} }
} }