diff --git a/resources/css/app.css b/resources/css/app.css index d1c0fc7..a714fd7 100644 --- a/resources/css/app.css +++ b/resources/css/app.css @@ -733,6 +733,21 @@ img, video, iframe { @apply transition-opacity duration-200; } +/* Sticky sidebar for desktop */ +@media (min-width: 1024px) { + body:has(> [data-flux-sidebar]) { + display: flex; + align-items: flex-start; + } + + [data-flux-sidebar] { + position: sticky !important; + top: 0 !important; + height: 100vh !important; + flex-shrink: 0; + } +} + /* Calendar responsive - smaller cells on mobile */ .calendar-grid { @apply grid grid-cols-7 gap-1; diff --git a/resources/views/components/layouts/app/sidebar.blade.php b/resources/views/components/layouts/app/sidebar.blade.php index 77ae456..687b55f 100644 --- a/resources/views/components/layouts/app/sidebar.blade.php +++ b/resources/views/components/layouts/app/sidebar.blade.php @@ -2,6 +2,25 @@ @include('partials.head') +