diff --git a/resources/js/components/app-content.tsx b/resources/js/components/app-content.tsx index 995dcaa37..fd2b28721 100644 --- a/resources/js/components/app-content.tsx +++ b/resources/js/components/app-content.tsx @@ -16,6 +16,7 @@ export function AppContent({ return (
diff --git a/resources/js/components/app-skip-link.tsx b/resources/js/components/app-skip-link.tsx new file mode 100644 index 000000000..f88987799 --- /dev/null +++ b/resources/js/components/app-skip-link.tsx @@ -0,0 +1,10 @@ +export function AppSkipLink() { + return ( + + Skip to Main Content + + ) +} diff --git a/resources/js/components/ui/sidebar.tsx b/resources/js/components/ui/sidebar.tsx index ac6bd635f..575ac1dca 100644 --- a/resources/js/components/ui/sidebar.tsx +++ b/resources/js/components/ui/sidebar.tsx @@ -302,6 +302,7 @@ function SidebarRail({ className, ...props }: React.ComponentProps<"button">) { function SidebarInset({ className, ...props }: React.ComponentProps<"main">) { return (
( - - {children} - + <> + + + + {children} + + ); diff --git a/resources/js/layouts/settings/layout.tsx b/resources/js/layouts/settings/layout.tsx index c128d82c5..eefe25a4b 100644 --- a/resources/js/layouts/settings/layout.tsx +++ b/resources/js/layouts/settings/layout.tsx @@ -50,7 +50,7 @@ export default function SettingsLayout({ children }: PropsWithChildren) {