dst/dstpabuaran.com
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: update app sidebar header for sticky positioning and correct product link

Browse Source
This commit is contained in:
Yoga Pangestu 2026-08-01 00:12:56 +07:00
parent 4e18cd1c49
commit 5b553b2c26
2 changed files with 3 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
resources/js/components/app-sidebar-header.tsx
View File

@ -9,7 +9,7 @@ export function AppSidebarHeader({
breadcrumbs?: BreadcrumbItemType[]; breadcrumbs?: BreadcrumbItemType[];
}) { }) {
return ( return (
<header className="flex h-16 shrink-0 items-center gap-2 border-b border-sidebar-border/50 px-6 transition-[width,height] ease-linear group-has-data-[collapsible=icon]/sidebar-wrapper:h-12 md:px-4"> <header className="sticky top-0 z-50 flex h-16 shrink-0 items-center gap-2 border-b border-sidebar-border/50 bg-background px-6 transition-[width,height] ease-linear group-has-data-[collapsible=icon]/sidebar-wrapper:h-12 md:px-4">
<div className="flex items-center gap-2"> <div className="flex items-center gap-2">
<SidebarTrigger className="-ml-1" /> <SidebarTrigger className="-ml-1" />
<Breadcrumbs breadcrumbs={breadcrumbs} /> <Breadcrumbs breadcrumbs={breadcrumbs} />

3
resources/js/components/app-sidebar.tsx
View File

@ -20,6 +20,7 @@ import { index as employeesIndex } from '@/routes/admin/hr/employees';
import { index as leaveRequestsIndex } from '@/routes/admin/hr/leave-requests'; import { index as leaveRequestsIndex } from '@/routes/admin/hr/leave-requests';
import { index as categoriesIndex } from '@/routes/admin/master/categories'; import { index as categoriesIndex } from '@/routes/admin/master/categories';
import { index as customersIndex } from '@/routes/admin/master/customers'; import { index as customersIndex } from '@/routes/admin/master/customers';
import { index as productsIndex } from '@/routes/admin/master/products';
import { index as suppliersIndex } from '@/routes/admin/master/suppliers'; import { index as suppliersIndex } from '@/routes/admin/master/suppliers';
import { index as rolesIndex } from '@/routes/admin/settings/roles'; import { index as rolesIndex } from '@/routes/admin/settings/roles';
import { Link } from '@inertiajs/react'; import { Link } from '@inertiajs/react';
@ -64,7 +65,7 @@ const analisaItem: NavMenuItem = {
const masterItems: NavMenuItem[] = [ const masterItems: NavMenuItem[] = [
{ title: 'Kategori', href: categoriesIndex.url(), icon: Tags }, { title: 'Kategori', href: categoriesIndex.url(), icon: Tags },
{ title: 'Produk', href: '#', icon: Package }, { title: 'Produk', href: productsIndex.url(), icon: Package },
{ title: 'Bahan Baku', href: '#', icon: Boxes }, { title: 'Bahan Baku', href: '#', icon: Boxes },
{ title: 'Supplier', href: suppliersIndex.url(), icon: Truck }, { title: 'Supplier', href: suppliersIndex.url(), icon: Truck },
{ title: 'Customer', href: customersIndex.url(), icon: Users }, { title: 'Customer', href: customersIndex.url(), icon: Users },