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

Refactor button-container styles for improved layout and responsiveness

Browse Source
This commit is contained in:
CodeDevMLH
2026-03-08 16:19:07 +01:00
parent 9e2f861213
commit f9ae62a459
1 changed files with 9 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -768,21 +768,22 @@
.button-container { .button-container {
top: calc(50% + 25vh); top: calc(50% + 25vh);
left: 50%; left: 50%;
transform: translateX(-50%) scale(0.95); transform: translateX(-50%);
width: 95vw; width: max-content;
max-width: 98vw;
flex-wrap: nowrap; flex-wrap: nowrap;
justify-content: center; justify-content: center;
gap: 10px; gap: 15px;
} }
.button-container button { .button-container button {
margin: 0 !important; margin: 0 !important;
min-width: 0 !important; min-width: 0 !important;
flex-shrink: 1;
} }
.button-container .detailButton { .button-container .detail-button,
min-width: 0 !important; .button-container .favorite-button {
flex-shrink: 0;
} }
.logo { .logo {
@@ -812,13 +813,12 @@
@media (max-width: 400px) { @media (max-width: 400px) {
.button-container { .button-container {
gap: 5px; gap: 10px;
} }
.play-button, .play-button,
.trailer-button { .trailer-button {
padding: 8px 10px; padding: 8px 14px;
font-size: 14px;
} }
} }
} }