Add icon button for mobile use (#1687)

This commit is contained in:
Sven van Ginkel
2026-01-27 02:18:17 +01:00
committed by GitHub
parent 1de36625a4
commit afcae025ae
2 changed files with 7 additions and 5 deletions

View File

@@ -49,10 +49,12 @@ export function AddSystemButton({ className }: { className?: string }) {
<Dialog open={open} onOpenChange={setOpen}> <Dialog open={open} onOpenChange={setOpen}>
<DialogTrigger asChild> <DialogTrigger asChild>
<Button variant="outline" className={cn("flex gap-1 max-xs:h-[2.4rem]", className)}> <Button variant="outline" className={cn("flex gap-1 max-xs:h-[2.4rem]", className)}>
<PlusIcon className="h-4 w-4 -ms-1" /> <PlusIcon className="h-4 w-4 450:-ms-1" />
<Trans> <span className="hidden 450:inline">
Add <span className="hidden sm:inline">System</span> <Trans>
</Trans> Add <span className="hidden sm:inline">System</span>
</Trans>
</span>
</Button> </Button>
</DialogTrigger> </DialogTrigger>
{opened.current && <SystemDialog setOpen={setOpen} />} {opened.current && <SystemDialog setOpen={setOpen} />}

View File

@@ -129,7 +129,7 @@ export default function Navbar() {
</DropdownMenuItem> </DropdownMenuItem>
</DropdownMenuContent> </DropdownMenuContent>
</DropdownMenu> </DropdownMenu>
<AddSystemButton className="ms-2 hidden 450:flex" /> <AddSystemButton className="ms-2" />
</div> </div>
</div> </div>
) )