diff --git a/public/build/manifest.json b/public/build/manifest.json index 2cb22e4..fd0d1c1 100644 --- a/public/build/manifest.json +++ b/public/build/manifest.json @@ -1,11 +1,11 @@ { "resources/css/app.css": { - "file": "assets/app-tgbzBtFO.css", + "file": "assets/app-BNZtBrtu.css", "src": "resources/css/app.css", "isEntry": true }, "resources/css/filament/admin/theme.css": { - "file": "assets/theme-EkdZtrh_.css", + "file": "assets/theme-TJK5AzNU.css", "src": "resources/css/filament/admin/theme.css", "isEntry": true }, diff --git a/resources/css/filament/admin/theme.css b/resources/css/filament/admin/theme.css index 0daf3d0..5a6418a 100644 --- a/resources/css/filament/admin/theme.css +++ b/resources/css/filament/admin/theme.css @@ -14,27 +14,26 @@ .fi-main-ctn { flex-direction: column !important; flex: 1 1 auto; min-width: 0; - height: 100vh; - height: 100dvh; + height: auto; } .fi-main-ctn>main { flex: 1 1 auto; min-height: 0; + overflow: visible !important; } .fi-sidebar { - position: sticky !important; - top: 0 !important; - align-self: flex-start !important; - height: 100vh !important; - height: 100dvh !important; - overflow: hidden !important; + position: static !important; + top: auto !important; + align-self: stretch !important; + height: auto !important; + overflow: visible !important; } .fi-sidebar-header { - position: sticky !important; - top: 0 !important; + position: static !important; + top: auto !important; z-index: 20 !important; } @@ -55,12 +54,37 @@ .netgescon-footer { .fi-sidebar-nav, .fi-sidebar-nav-groups { row-gap: calc(var(--spacing) * 1.5) !important; - overflow-y: auto !important; - max-height: calc(100vh - 5rem) !important; - max-height: calc(100dvh - 5rem) !important; + overflow: visible !important; + max-height: none !important; } @media (min-width: 64rem) { + .fi-main-ctn { + height: 100vh; + height: 100dvh; + } + + .fi-sidebar { + position: sticky !important; + top: 0 !important; + align-self: flex-start !important; + height: 100vh !important; + height: 100dvh !important; + overflow: hidden !important; + } + + .fi-sidebar-header { + position: sticky !important; + top: 0 !important; + } + + .fi-sidebar-nav, + .fi-sidebar-nav-groups { + overflow-y: auto !important; + max-height: calc(100vh - 5rem) !important; + max-height: calc(100dvh - 5rem) !important; + } + .fi-body.fi-body-has-navigation { overflow-x: hidden !important; overflow-y: auto !important; @@ -108,12 +132,50 @@ @media (min-width: 64rem) { } } +@media (max-width: 63.998rem), +(hover: none) and (pointer: coarse) { + .fi-body.fi-body-has-navigation .fi-sidebar { + position: static !important; + top: auto !important; + left: auto !important; + bottom: auto !important; + width: 100% !important; + height: auto !important; + overflow: visible !important; + border-top: 0 !important; + } + + .fi-body.fi-body-has-navigation .fi-topbar { + position: static !important; + top: auto !important; + left: auto !important; + right: auto !important; + width: auto !important; + margin-left: 0 !important; + } + + .fi-body.fi-body-has-navigation .fi-main-ctn { + margin-left: 0 !important; + width: 100% !important; + max-width: 100% !important; + padding-top: 0 !important; + padding-left: 0 !important; + overflow-x: visible !important; + } + + .fi-body.fi-body-has-navigation .fi-main-ctn>main { + height: auto !important; + overflow-y: visible !important; + overflow-x: visible !important; + } +} + .fi-topbar { overflow-x: hidden !important; } .fi-topbar nav, -.fi-topbar > div { +.fi-topbar>div { min-width: 0 !important; } diff --git a/resources/views/filament/components/legacy-admin-assets.blade.php b/resources/views/filament/components/legacy-admin-assets.blade.php index f2c5e69..0d8896a 100644 --- a/resources/views/filament/components/legacy-admin-assets.blade.php +++ b/resources/views/filament/components/legacy-admin-assets.blade.php @@ -3,72 +3,6 @@