Simpler tab fix

This commit is contained in:
Nicolas Mowen 2024-04-01 09:29:22 -06:00
parent 1d83661f60
commit f4be418f06

View File

@ -57,7 +57,7 @@ import {
TooltipTrigger, TooltipTrigger,
} from "@/components/ui/tooltip"; } from "@/components/ui/tooltip";
import ActivityIndicator from "../indicators/activity-indicator"; import ActivityIndicator from "../indicators/activity-indicator";
import { isDesktop, isMobile } from "react-device-detect"; import { isDesktop } from "react-device-detect";
import { Drawer, DrawerContent, DrawerTrigger } from "../ui/drawer"; import { Drawer, DrawerContent, DrawerTrigger } from "../ui/drawer";
import { import {
Dialog, Dialog,
@ -220,7 +220,7 @@ export default function GeneralSettings({ className }: GeneralSettings) {
<span>Dark Mode</span> <span>Dark Mode</span>
</SubItemTrigger> </SubItemTrigger>
<Portal> <Portal>
{isMobile && <div tabIndex={0} />} <span tabIndex={0} className="sr-only" />
<SubItemContent <SubItemContent
className={isDesktop ? "" : "w-[92%] rounded-2xl"} className={isDesktop ? "" : "w-[92%] rounded-2xl"}
> >
@ -293,7 +293,7 @@ export default function GeneralSettings({ className }: GeneralSettings) {
<SubItemContent <SubItemContent
className={isDesktop ? "" : "w-[92%] rounded-2xl"} className={isDesktop ? "" : "w-[92%] rounded-2xl"}
> >
{isMobile && <div tabIndex={0} />} <span tabIndex={0} className="sr-only" />
{colorSchemes.map((scheme) => ( {colorSchemes.map((scheme) => (
<MenuItem <MenuItem
key={scheme} key={scheme}