this repo has no description
feat: add an ugly header
+15
-5
+14
-4
mast-react-vite/src/App.tsx
+14
-4
mast-react-vite/src/App.tsx
···
10
10
import { useSelection } from "@/contexts/selection-context"
11
11
import { SidebarProvider, SidebarTrigger } from "@/components/ui/sidebar"
12
12
import { AppSidebar } from "@/components/ui/app-sidebar"
13
+
import { Badge } from "@/components/ui/badge"
13
14
14
15
type Todo = {
15
16
id: string
···
213
214
<SidebarProvider defaultOpen={false} className="h-screen">
214
215
<div className="hidden md:flex flex-col w-full h-svh">
215
216
<AppSidebar/>
216
-
<section className="flex-1 container py-12 h-[calc(100vh-theme(spacing.4))] overflow-hidden">
217
-
<SidebarTrigger className="fixed top-4 border"/>
217
+
<div className="bg-muted h-14 w-full absolute top-0 " />
218
+
<section className="flex-1 container py-12 h-[calc(100vh-theme(spacing.4))] overflow-hidden relative">
219
+
<SidebarTrigger className="absolute top-4 left-8 border border-foreground"/>
220
+
{selectedItems.size > 0 && (
221
+
<Badge className="absolute top-4 right-12"> {selectedItems.size} selected </Badge>
222
+
)}
223
+
<div className="h-4" />
218
224
<ActionParser type="text"
219
225
className="bg-background"
220
226
value={newText}
···
235
241
{/* Mobile view layout - shown only on mobile */}
236
242
<div className="md:hidden flex left-0 w-full h-full flex flex-col items-center pb-2">
237
243
<AppSidebar/>
238
-
<section className="flex-1 container py-12 h-[calc(100vh-theme(spacing.4))] overflow-hidden">
239
-
<SidebarTrigger className="fixed top-4 border"/>
244
+
<section className="flex-1 py-12 h-[calc(100vh-theme(spacing.4))] w-full overflow-hidden relative">
245
+
<div className="flex-1 bg-muted h-14 absolute inset-x-0 top-0 " />
246
+
<SidebarTrigger className="fixed top-4 border border-foreground left-8"/>
247
+
{selectedItems.size > 0 && (
248
+
<Badge className="absolute top-4 right-8"> {selectedItems.size} selected </Badge>
249
+
)}
240
250
<ActionParser type="text"
241
251
className="bg-background"
242
252
value={newText}
+1
-1
mast-react-vite/src/components/ui/data-table.tsx
+1
-1
mast-react-vite/src/components/ui/data-table.tsx
···
37
37
38
38
{/* Mobile view layout - shown only on mobile */}
39
39
<div className="md:hidden">
40
-
<ScrollArea className="h-[calc(100vh)] rounded-md border">
40
+
<ScrollArea className="min-h-[120%] h-[calc(100vh)] rounded-md border">
41
41
{data.length ? (
42
42
data.map((item) => (
43
43
<Task