tensamin/client
Watch
6
0
Fork
You've already forked client
 0
Code Issues Pull requests 2 Projects Releases 2 Packages Wiki Activity Actions

Fixed namespace, updated mobile navbar z-index

Browse source
This commit is contained in:
Alois 2026-04-05 11:41:05 +02:00
commit 287d01c157
25 changed files with 30 additions and 45 deletions
Download patch file Download diff file Expand all files Collapse all files

4
apps/web/src/components/navbar.tsx
View file

@ -118,8 +118,8 @@ export function MobileNavbar() {
const { setOpenMobile } = useSidebar();
return (
<div className="z-100 w-full pb-[env(safe-area-inset-bottom)] bg-card border-t">
<div className="z-100 w-full h-14 flex justify-center items-center gap-8">
<div className="z-51 w-full pb-[env(safe-area-inset-bottom)] bg-card border-t">
<div className="z-51 w-full h-14 flex justify-center items-center gap-8">
<SidebarTrigger
className="text-foreground w-12! h-12! aspect-square rounded-xl"
variant="link"

28
apps/web/src/routes/layout.tsx
View file

@ -20,38 +20,10 @@ import { isTauri } from "@tauri-apps/api/core";
* @returns unknown.
*/
export default function Layout(props: { children: ReactNode }) {
const [pixelRatio, setPixelRatio] = useState(devicePixelRatio);
const [visible, setVisible] = useState(false);
const isMobile = useIsMobile();
useEffect(() => {
const handleResize = () => {
setPixelRatio(devicePixelRatio);
setVisible(true);
setTimeout(() => setVisible(false), 1000);
};
window.addEventListener("resize", handleResize);
return () => window.removeEventListener("resize", handleResize);
}, []);
return (
<>
<div className="fixed top-0 left-0 z-100 w-screen h-screen flex flex-col justify-center items-center pointer-events-none select-none">
{visible && (
<div className="bg-card border p-1 text-xs">
{Math.round(pixelRatio)}
</div>
)}
{/* Todo: Make this nicer */}
{pixelRatio !== 1 && (
<div className="fixed bottom-0 right-0 m-3 text-xs text-red-500">
Hey! You're zoomed in.
</div>
)}
</div>
<Toaster
position={isMobile ? "top-center" : "bottom-right"}
{...(isTauri()