gru/mikrotik_backup_system
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix

Browse Source
This commit is contained in:
Mateusz Gruszczyński
2026-04-14 18:38:52 +02:00
parent 56f9b6c3f3
commit 08c8cbbc7d
5 changed files with 135 additions and 105 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
frontend/src/styles/pages.css
View File

@@ -3467,3 +3467,23 @@ body.dark-theme .device-toggle.is-active{background:linear-gradient(135deg,color
.device-toggle{grid-template-columns:auto auto auto minmax(0,1fr);align-items:start;}
.device-toggle__state{grid-column:2 / -1;justify-self:start;}
}
.router-header-actions--mobile{display:none;}
.mobile-actions-menu{position:relative;}
.mobile-actions-menu summary{display:inline-flex;align-items:center;gap:10px;list-style:none;cursor:pointer;padding:10px 14px;border-radius:14px;border:1px solid color-mix(in srgb,var(--border-color) 82%, transparent);background:color-mix(in srgb,var(--surface-2) 92%, transparent);color:var(--text-main);font-weight:700;box-shadow:var(--shadow-sm);}
.mobile-actions-menu summary::-webkit-details-marker{display:none;}
.mobile-actions-menu[open] summary{border-color:color-mix(in srgb,var(--accent) 36%, var(--border-color));}
.mobile-actions-menu__list{position:absolute;right:0;top:calc(100% + 10px);z-index:20;display:grid;gap:10px;min-inline-size:min(320px,calc(100vw - 32px));padding:12px;border-radius:18px;border:1px solid color-mix(in srgb,var(--border-color) 82%, transparent);background:color-mix(in srgb,var(--surface-1) 96%, transparent);box-shadow:var(--shadow-lg);backdrop-filter:blur(14px);}
.mobile-actions-menu__list .p-button{width:100%;justify-content:flex-start;}
.settings-device-toggles{margin-bottom:18px;}
.settings-device-toggles .device-toggle{grid-template-columns:auto auto auto minmax(0,1fr);}
.settings-device-toggles .device-toggle__content{padding-right:0;}
@media (max-width: 768px){
.router-header-actions--desktop{display:none;}
.router-header-actions--mobile{display:block;width:100%;}
.mobile-actions-menu{width:100%;}
.mobile-actions-menu summary{margin-left:auto;}
.mobile-actions-menu__list{position:static;right:auto;top:auto;min-inline-size:0;width:100%;margin-top:10px;}
}