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:
@@ -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;
|
||||||
|
|||||||
Reference in New Issue
Block a user