doo-boilerplate 0.3.2 → 0.3.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/package.json +1 -1
- package/templates/template-vite/src/components/data-table/data-table.tsx +2 -2
- package/templates/template-vite/src/components/layout/page-layout.tsx +4 -4
- package/templates/template-vite/src/features/tasks/components/tasks-crud-table.tsx +2 -2
- package/templates/template-vite/src/features/users/components/users-table.tsx +2 -2
- package/templates/template-vite/src/routes/_authenticated.tsx +1 -1
package/package.json
CHANGED
|
@@ -87,8 +87,8 @@ export function DataTable<TData>({ table, columns, isLoading }: DataTableProps<T
|
|
|
87
87
|
onDragEnd={handleDragEnd}
|
|
88
88
|
modifiers={[restrictToHorizontalAxis]}
|
|
89
89
|
>
|
|
90
|
-
<div className='
|
|
91
|
-
<div className='rounded-md border
|
|
90
|
+
<div className='flex flex-col min-h-0 flex-1 gap-4'>
|
|
91
|
+
<div className='flex-1 min-h-0 overflow-auto rounded-md border'>
|
|
92
92
|
<Table>
|
|
93
93
|
<TableHeader>
|
|
94
94
|
{table.getHeaderGroups().map((headerGroup) => (
|
|
@@ -12,8 +12,8 @@ interface PageLayoutProps {
|
|
|
12
12
|
/** Standard page wrapper with title, optional description + actions slot */
|
|
13
13
|
export function PageLayout({ title, description, actions, children }: PageLayoutProps) {
|
|
14
14
|
return (
|
|
15
|
-
<div className='flex flex-col'>
|
|
16
|
-
<div className='flex items-start justify-between px-6 pt-6'>
|
|
15
|
+
<div className='flex flex-1 min-h-0 flex-col'>
|
|
16
|
+
<div className='shrink-0 flex items-start justify-between px-6 pt-6'>
|
|
17
17
|
<div>
|
|
18
18
|
<h1 className='text-2xl font-bold tracking-tight'>{title}</h1>
|
|
19
19
|
{description && (
|
|
@@ -23,9 +23,9 @@ export function PageLayout({ title, description, actions, children }: PageLayout
|
|
|
23
23
|
{actions && <div className='flex items-center gap-2'>{actions}</div>}
|
|
24
24
|
</div>
|
|
25
25
|
|
|
26
|
-
<Separator className='my-4' />
|
|
26
|
+
<Separator className='my-4 shrink-0' />
|
|
27
27
|
|
|
28
|
-
<div className='px-6 pb-6'>{children}</div>
|
|
28
|
+
<div className='flex-1 min-h-0 overflow-hidden flex flex-col px-6 pb-6'>{children}</div>
|
|
29
29
|
</div>
|
|
30
30
|
)
|
|
31
31
|
}
|
|
@@ -79,8 +79,8 @@ export function TasksCrudTable() {
|
|
|
79
79
|
})
|
|
80
80
|
|
|
81
81
|
return (
|
|
82
|
-
<div className='
|
|
83
|
-
<div className='flex items-center justify-between'>
|
|
82
|
+
<div className='flex flex-col min-h-0 flex-1 gap-4'>
|
|
83
|
+
<div className='shrink-0 flex items-center justify-between'>
|
|
84
84
|
<DataTableToolbar
|
|
85
85
|
table={table}
|
|
86
86
|
searchColumn='title'
|
|
@@ -96,8 +96,8 @@ export function UsersTable() {
|
|
|
96
96
|
})
|
|
97
97
|
|
|
98
98
|
return (
|
|
99
|
-
<div className='
|
|
100
|
-
<div className='flex items-center justify-between'>
|
|
99
|
+
<div className='flex flex-col min-h-0 flex-1 gap-4'>
|
|
100
|
+
<div className='shrink-0 flex items-center justify-between'>
|
|
101
101
|
<DataTableToolbar
|
|
102
102
|
table={table}
|
|
103
103
|
searchColumn='name'
|
|
@@ -25,7 +25,7 @@ function AuthenticatedLayout() {
|
|
|
25
25
|
<Sidebar />
|
|
26
26
|
<div className='flex flex-1 flex-col overflow-hidden'>
|
|
27
27
|
<Header />
|
|
28
|
-
<main className='flex-1 min-h-0 overflow-
|
|
28
|
+
<main className='flex-1 min-h-0 flex flex-col overflow-hidden'>
|
|
29
29
|
<Suspense fallback={<LoadingSpinner />}>
|
|
30
30
|
<Outlet />
|
|
31
31
|
</Suspense>
|