Server sidebar

src/App.tsx

@@ -1,29 +1,21 @@
-import { useRef, useState } from "react";
+import { useRef } from "react";
-import { invoke } from "@tauri-apps/api/core";
 import Enclave from "@/app/app";
-import { Button } from "@/components/ui/button";
-
-function App() {
-  const [greetMsg, setGreetMsg] = useState("");
-  const [name, setName] = useState("");
 
+export default function App() {
   const appRef = useRef<Enclave | null>(null);
   if (!appRef.current) {
     appRef.current = new Enclave();
   }
 
-  async function greet() {
-    // Learn more about Tauri commands at https://tauri.app/develop/calling-rust/
-    setGreetMsg(await invoke("greet", { name }));
-  }
-
   return (
-    <main>
+    <main className="size-screen dark bg-background">
-      <div>
+      <aside className="bg-card w-16 h-screen p-2 flex flex-col gap-2.5">
-        <Button>yo</Button>
+        <img
-      </div>
+          src="https://github.com/selimaj-dev.png"
+          className="rounded-full"
+        />
+        <img src="https://github.com/selimaj-dev.png" className="rounded-lg" />
+      </aside>
     </main>
   );
 }
-
-export default App;

src/main.css

@@ -7,7 +7,7 @@
 
 @theme inline {
     --font-heading: var(--font-sans);
-    --font-sans: 'Geist Variable', sans-serif;
+    --font-sans: "Geist Variable", sans-serif;
     --color-sidebar-ring: var(--sidebar-ring);
     --color-sidebar-border: var(--sidebar-border);
     --color-sidebar-accent-foreground: var(--sidebar-accent-foreground);
@@ -118,13 +118,17 @@
 }
 
 @layer base {
-  * {
+    * {
-    @apply border-border outline-ring/50;
+        @apply border-border outline-ring/50;
     }
-  body {
+    body {
-    @apply bg-background text-foreground;
+        @apply bg-background text-foreground;
     }
-  html {
+    html {
-    @apply font-sans;
+        @apply font-sans;
     }
 }
+
+body {
+    overflow: hidden;
+}