danvics/zerobyte
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions 1

Fix keyboard navigation in the export card

Browse source 
Co-authored-by: coderabbitai[bot] <136622811+coderabbitai[bot]@users.noreply.github.com>
This commit is contained in:
Jakub Trávník 2025-12-01 16:11:12 +01:00 committed by GitHub
parent 82f632f63a
commit f452d72050
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
1 changed files with 5 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

7
app/client/components/export-dialog.tsx
View file

@ -247,12 +247,15 @@ export function ExportDialog({
const defaultTrigger = const defaultTrigger =
variant === "card" ? ( variant === "card" ? (
<div className="flex flex-col items-center justify-center gap-2 cursor-pointer h-full w-full"> <button
type="button"
className="flex flex-col items-center justify-center gap-2 cursor-pointer h-full w-full border-0 bg-transparent p-0 hover:opacity-80 transition-opacity"
>
<Download className="h-8 w-8 text-muted-foreground" /> <Download className="h-8 w-8 text-muted-foreground" />
<span className="text-sm font-medium text-muted-foreground"> <span className="text-sm font-medium text-muted-foreground">
{triggerLabel ?? `Export ${isSingleItem ? "config" : "configs"}`} {triggerLabel ?? `Export ${isSingleItem ? "config" : "configs"}`}
</span> </span>
</div> </button>
) : ( ) : (
<Button variant={variant} size={size}> <Button variant={variant} size={size}>
{showIcon && <Download className="h-4 w-4 mr-2" />} {showIcon && <Download className="h-4 w-4 mr-2" />}