feat: add mobile section header styles to Proxmox layout for improved visual hierarchy and user experience on mobile devices
This commit is contained in:
@@ -751,6 +751,19 @@
|
||||
.mobile-toggle-switch-compact.active .mobile-toggle-handle-compact {
|
||||
transform: translateX(18px);
|
||||
}
|
||||
|
||||
.mobile-section-header {
|
||||
background: linear-gradient(135deg,
|
||||
rgba(37, 99, 235, 0.05),
|
||||
rgba(59, 130, 246, 0.03));
|
||||
border-bottom: 1px solid color-mix(in srgb, var(--color-neutral) 20%, transparent);
|
||||
}
|
||||
|
||||
.dark .mobile-section-header {
|
||||
background: linear-gradient(135deg,
|
||||
rgba(59, 130, 246, 0.08),
|
||||
rgba(37, 99, 235, 0.05));
|
||||
}
|
||||
</style>
|
||||
|
||||
<div class="flex gap-3">
|
||||
|
||||
Reference in New Issue
Block a user