naser
/
libra
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fixed side bar issue

This commit is contained in:
Naser Mansour 2026-01-08 19:37:09 +02:00
parent 508ce8f918
commit 572dfd1f7f
2 changed files with 34 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
resources/css/app.css
View File

@ -733,6 +733,21 @@ img, video, iframe {
@apply transition-opacity duration-200; @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 responsive - smaller cells on mobile */
.calendar-grid { .calendar-grid {
@apply grid grid-cols-7 gap-1; @apply grid grid-cols-7 gap-1;

19
resources/views/components/layouts/app/sidebar.blade.php
View File

@ -2,6 +2,25 @@
<html lang="{{ str_replace('_', '-', app()->getLocale()) }}" dir="{{ app()->getLocale() === 'ar' ? 'rtl' : 'ltr' }}"> <html lang="{{ str_replace('_', '-', app()->getLocale()) }}" dir="{{ app()->getLocale() === 'ar' ? 'rtl' : 'ltr' }}">
<head> <head>
@include('partials.head') @include('partials.head')
<style>
@media (min-width: 1024px) {
ui-sidebar[data-flux-sidebar] {
position: fixed !important;
top: 0 !important;
left: 0 !important;
height: 100vh !important;
width: 16rem !important;
z-index: 40 !important;
}
[dir="rtl"] ui-sidebar[data-flux-sidebar] {
left: auto !important;
right: 0 !important;
}
[data-flux-main] {
margin-inline-start: 16rem !important;
}
}
</style>
</head> </head>
<body class="min-h-screen bg-white" style="font-family: var(--font-{{ app()->getLocale() === 'ar' ? 'arabic' : 'english' }})"> <body class="min-h-screen bg-white" style="font-family: var(--font-{{ app()->getLocale() === 'ar' ? 'arabic' : 'english' }})">
<!-- Skip to content link for keyboard accessibility --> <!-- Skip to content link for keyboard accessibility -->