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
@@ -2,6 +2,25 @@
<html lang="{{ str_replace('_', '-', app()->getLocale()) }}" dir="{{ app()->getLocale() === 'ar' ? 'rtl' : 'ltr' }}">
<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>
<body class="min-h-screen bg-white" style="font-family: var(--font-{{ app()->getLocale() === 'ar' ? 'arabic' : 'english' }})">
<!-- Skip to content link for keyboard accessibility -->