Refactor User Guide Page Navigation: Updated the navigation bar in the User Guide page to utilize full width on larger screens, enhancing layout consistency and responsiveness. Removed unnecessary max-width styling to improve usability across different devices.

This commit is contained in:
Ümit Tunç
2025-11-04 05:59:06 -03:00
parent 181efaa38d
commit a892fa7866
@@ -1,7 +1,7 @@
<x-filament-panels::page> <x-filament-panels::page>
<div class="flex flex-col lg:flex-row gap-9" x-data="{ search: '' }"> <div class="flex flex-col lg:flex-row gap-9" x-data="{ search: '' }">
{{-- Sol Navigation Bar --}} {{-- Sol Navigation Bar --}}
<aside class="flex flex-1 flex-col overflow-y-auto p-4 [&>[data-slot=section]+[data-slot=section]]:mt-8" style="max-width: 14rem;"> <aside class="w-full lg:w-56 lg:flex-shrink-0 flex flex-col overflow-y-auto p-4 [&>[data-slot=section]+[data-slot=section]]:mt-8">
<x-filament::section> <x-filament::section>
<x-slot name="heading"> <x-slot name="heading">
<div class="flex items-center gap-2"> <div class="flex items-center gap-2">
@@ -139,10 +139,6 @@
@push('styles') @push('styles')
<style> <style>
aside {
max-width: 14rem !important;
}
@media (min-width: 1024px) { @media (min-width: 1024px) {
aside { aside {
width: 14rem !important; width: 14rem !important;