+4 -2

app/(home-pages)/home/Actions/AccountSettings.tsx

reviewed

··· 10 10 import { GoBackSmall } from "components/Icons/GoBackSmall"; 11 11 import { useState } from "react"; 12 12 import { ThemeSetterContent } from "components/ThemeManager/ThemeSetter"; 13 13 + import { useIsMobile } from "src/hooks/isMobile"; 13 14 14 15 export const AccountSettings = (props: { entityID: string }) => { 15 16 let [state, setState] = useState<"menu" | "general" | "theme">("menu"); 17 17 + let isMobile = useIsMobile(); 16 18 17 19 return ( 18 20 <Popover 19 21 asChild 20 22 onOpenChange={() => setState("menu")} 21 21 - side="right" 22 22 - align="start" 23 23 + side={isMobile ? "top" : "right"} 24 24 + align={isMobile ? "center" : "start"} 23 25 className={`max-w-xs w-[1000px] ${state === "theme" && "bg-white!"}`} 24 26 trigger={<ActionButton icon=<AccountSmall /> label="Settings" />} 25 27 >

+2 -2

app/(home-pages)/home/Actions/CreateNewButton.tsx

reviewed

··· 51 51 return ( 52 52 <Menu 53 53 asChild 54 54 - side="right" 55 55 - align="start" 54 54 + side={isMobile ? "top" : "right"} 55 55 + align={isMobile ? "center" : "start"} 56 56 trigger={ 57 57 <ActionButton 58 58 id="new-leaflet-button"

+4

components/ActionBar/Navigation.tsx

reviewed

··· 23 23 import { supabaseServerClient } from "supabase/serverClient"; 24 24 import { CommentNotification } from "app/(home-pages)/notifications/CommentNotication"; 25 25 import { Separator } from "components/Layout"; 26 26 + import { useIsMobile } from "src/hooks/isMobile"; 26 27 27 28 export type navPages = "home" | "reader" | "pub" | "discover" | "notifications"; 28 29 ··· 165 166 166 167 export function NotificationButton(props: { current?: boolean }) { 167 168 let unreads = true; 169 169 + let isMobile = useIsMobile(); 168 170 // let identity = await getIdentityData(); 169 171 // if (!identity?.atp_did) return; 170 172 // let { data } = await supabaseServerClient ··· 176 178 return ( 177 179 <Popover 178 180 asChild 181 181 + side={isMobile ? "top" : "right"} 182 182 + align={isMobile ? "center" : "start"} 179 183 trigger={ 180 184 <ActionButton 181 185 nav