Moved from electrobun to tauri+cef

apps/web/package.json

@@ -25,7 +25,7 @@
     "@tensamin/ttp": "workspace:*",
     "@tensamin/ui": "workspace:*",
     "@tensamin/user": "workspace:*",
-    "@tensamin/mobile": "workspace:*",
+    "@tensamin/tauri": "workspace:*",
     "@tauri-apps/api": "^2",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",

apps/web/src/components/sidebar.tsx

@@ -23,7 +23,7 @@ export default function Sidebar() {
   return (
     <SidebarRoot>
       <SidebarContent
-        className={isTauri() ? "pt-[env(safe-area-inset-top)]" : "pt-2"}
+        className={isTauri() && isMobile ? "pt-[env(safe-area-inset-top)]" : "pt-2"}
       >
         <div className="h-full w-full flex flex-col gap-3 p-2 pt-0!">
           <div>

apps/web/src/routes/app/home.tsx

@@ -16,13 +16,15 @@ import { useState } from "react";
 import { Loader2 } from "lucide-react";
 import { isTauri } from "@tauri-apps/api/core";
 import { useStorage } from "@tensamin/storage/context";
+import { useIsMobile } from "@tensamin/ui/utils";
 
 // The page
 export default function Page() {
   const { clear } = useStorage();
+  const isMobile = useIsMobile();
 
   return (
-    <div className={`px-3 flex gap-2 ${!isTauri() && "pt-3"}`}>
+    <div className={`px-3 flex gap-2 ${!(isTauri() && isMobile) && "pt-3"}`}>
       <AddConversationButton />
       <Button disabled>Add Community</Button>
       <Button variant="outline" onClick={() => location.reload()}>

apps/web/src/routes/app/layout.tsx

@@ -39,7 +39,7 @@ export default function Layout(props: { children: ReactNode }) {
         <div
           className={cn(
             "w-full h-full flex flex-col",
-            isTauri() && "pt-[env(safe-area-inset-top)]",
+            isTauri() && isMobile && "pt-[env(safe-area-inset-top)]",
           )}
         >
           {!isMobile && <Navbar forMobile={false} />}

apps/web/src/routes/layout.tsx

@@ -2,7 +2,7 @@ import { useEffect, useState, type ReactNode } from "react";
 
 import Storage from "@tensamin/storage/context";
 import Crypto from "@tensamin/crypto/context";
-import Mobile from "@tensamin/mobile/context";
+import Mobile from "@tensamin/tauri/context";
 
 import LegalWrapper from "@/features/legal/screen";
 
@@ -26,7 +26,7 @@ export default function Layout(props: { children: ReactNode }) {
     <>
       <Toaster
         position={isMobile ? "top-center" : "bottom-right"}
-        {...(isTauri()
+        {...(isTauri() && isMobile
           ? {
               mobileOffset: {
                 top: "env(safe-area-inset-top)",