santasri.pachhal/road-monitoring-ui
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style: refine shared UI primitives and management flows

Browse Source
This commit is contained in:
santasri.pachhal
2026-07-09 23:06:25 +05:30
parent 0e8108b875
commit 8727963c54
70 changed files with 631 additions and 254 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
src/components/ui/tree.tsx
View File

@@ -43,7 +43,7 @@ function TreeCheckbox({
type="checkbox"
checked={checked}
onChange={(event) => onChange(event.target.checked)}
className="size-4 shrink-0 rounded border-border accent-primary"
className="size-4 shrink-0 rounded-lg border-border accent-primary"
/>
);
}
@@ -70,7 +70,7 @@ function CheckboxTreeNode<TItem extends TreeItem>({
return (
<li className="space-y-2">
<div className="rounded-md border border-border/60 bg-background px-3 py-2">
<div className="rounded-lg border border-border/60 bg-background px-3 py-2">
<div className="flex items-center gap-2">
{hasChildren ? (
<button
@@ -79,7 +79,7 @@ function CheckboxTreeNode<TItem extends TreeItem>({
aria-label={
isExpanded ? `Collapse ${item.label}` : `Expand ${item.label}`
}
className="inline-flex size-5 shrink-0 items-center justify-center rounded text-muted-foreground transition hover:bg-muted hover:text-foreground"
className="inline-flex size-5 shrink-0 items-center justify-center rounded-lg text-muted-foreground transition hover:bg-muted hover:text-foreground"
>
<ChevronDown
className={`size-4 transition-transform ${isExpanded ? '' : '-rotate-90'}`}
@@ -155,7 +155,7 @@ export function CheckboxTree<TItem extends TreeItem>({
if (items.length === 0) {
return (
<div className="rounded-md border border-dashed p-6 text-center text-sm text-muted-foreground">
<div className="rounded-lg border border-dashed p-6 text-center text-sm text-muted-foreground">
{emptyMessage}
</div>
);