Don't focus on first item

This commit is contained in:
Nicolas Mowen 2024-04-01 09:26:20 -06:00
parent e5bd2a901d
commit 1d83661f60

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 } from "react-device-detect"; import { isDesktop, isMobile } from "react-device-detect";
import { Drawer, DrawerContent, DrawerTrigger } from "../ui/drawer"; import { Drawer, DrawerContent, DrawerTrigger } from "../ui/drawer";
import { import {
Dialog, Dialog,
@ -220,6 +220,7 @@ export default function GeneralSettings({ className }: GeneralSettings) {
<span>Dark Mode</span> <span>Dark Mode</span>
</SubItemTrigger> </SubItemTrigger>
<Portal> <Portal>
{isMobile && <div tabIndex={0} />}
<SubItemContent <SubItemContent
className={isDesktop ? "" : "w-[92%] rounded-2xl"} className={isDesktop ? "" : "w-[92%] rounded-2xl"}
> >
@ -292,6 +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} />}
{colorSchemes.map((scheme) => ( {colorSchemes.map((scheme) => (
<MenuItem <MenuItem
key={scheme} key={scheme}