ClipFusion-org/clipfusion
1
1
Fork 0
mirror of https://github.com/ClipFusion-org/clipfusion.git synced 2025-08-05 14:45:08 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

removed spaces before screen reader only elements

Browse Source
This commit is contained in:
corgifist 2025-07-30 14:45:14 +03:00
parent e08151b7c7
commit f871d4d8d7
1 changed files with 5 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
src/app/(dashboard)/page.tsx
View File

@ -254,7 +254,7 @@ const ProjectDropdown = ({
<SheetTitle className="font-semibold">{project.title}</SheetTitle> <SheetTitle className="font-semibold">{project.title}</SheetTitle>
<SheetClose asChild> <SheetClose asChild>
<Button variant="ghost" onClick={() => setRenameDialogOpen(true)}> <Button variant="ghost" onClick={() => setRenameDialogOpen(true)}>
<PencilIcon /> <span className="sr-only">Rename</span> <PencilIcon /><span className="sr-only">Rename</span>
</Button> </Button>
</SheetClose> </SheetClose>
</div> </div>
@ -309,7 +309,7 @@ const ProjectDropdown = ({
<div className="flex flex-row items-center justify-between w-full"> <div className="flex flex-row items-center justify-between w-full">
<DropdownMenuLabel className="font-semibold">{project.title}</DropdownMenuLabel> <DropdownMenuLabel className="font-semibold">{project.title}</DropdownMenuLabel>
<DropdownMenuItem onClick={() => setRenameDialogOpen(true)}> <DropdownMenuItem onClick={() => setRenameDialogOpen(true)}>
<PencilIcon /> <span className="sr-only">Rename</span> <PencilIcon /><span className="sr-only">Rename</span>
</DropdownMenuItem> </DropdownMenuItem>
</div> </div>
<DropdownMenuSeparator /> <DropdownMenuSeparator />
@ -509,8 +509,8 @@ export default function Home(): ReactNode {
<div className={cn("flex flex-row gap-2 items-center w-full", !isMobile && "justify-between")}> <div className={cn("flex flex-row gap-2 items-center w-full", !isMobile && "justify-between")}>
<Dialog> <Dialog>
<DialogTrigger asChild> <DialogTrigger asChild>
<Button size={isMobile ? "icon" : "default"}> <Button>
<PlusIcon /> {!isMobile && "New Project"} <span className="sr-only">New Project</span> <PlusIcon /> {!isMobile && "New Project"}<span className="sr-only">New Project</span>
</Button> </Button>
</DialogTrigger> </DialogTrigger>
<DialogContent> <DialogContent>
@ -562,8 +562,7 @@ export default function Home(): ReactNode {
<Tooltip> <Tooltip>
<TooltipTrigger asChild> <TooltipTrigger asChild>
<Toggle pressed={descendingSort} onPressedChange={(pressed) => setDescendingSort(pressed)}> <Toggle pressed={descendingSort} onPressedChange={(pressed) => setDescendingSort(pressed)}>
{descendingSort ? <ArrowDownIcon /> : <ArrowUpIcon />} {descendingSort ? <ArrowDownIcon /> : <ArrowUpIcon />}<span className="sr-only">{descendingSort ? "Switch to Ascending Sorting" : "Switch to Descending Sorting"}</span>
<span className="sr-only">{descendingSort ? "Switch to Ascending Sorting" : "Switch to Descending Sorting"}</span>
</Toggle> </Toggle>
</TooltipTrigger> </TooltipTrigger>
<TooltipContent> <TooltipContent>