friends system (UI WIP)

src/routes/app-menu/+page.svelte

@@ -2,14 +2,15 @@
   import Friends from "./tabs/friends.svelte";
   import Preferences from "./tabs/preferences.svelte";
   import YourDolls from "./tabs/your-dolls.svelte";
+  import { getCurrentWebviewWindow } from "@tauri-apps/api/webviewWindow";
 </script>
 
 <div
   class="p-2 h-full absolute inset-0 bg-base-100 border-base-200/50 border border-t-0 rounded-b-xl"
 >
   <div class="flex flex-col gap-2 h-full">
-    <div class="size-full">
-      <div class="tabs tabs-lift h-full">
+    <div class="size-full flex flex-col gap-2">
+      <div class="tabs tabs-lift h-full flex-1">
         <input
           type="radio"
           name="app_menu_tabs"
@@ -41,6 +42,17 @@
           <Preferences />
         </div>
       </div>
+      <div class="w-full flex flex-row justify-between">
+        <div></div>
+        <div class="flex flex-row gap-2">
+          <button
+            class="btn btn-sm btn-outline border-neutral-500/50"
+            onclick={async () => {
+              await getCurrentWebviewWindow().close();
+            }}><p class="px-4">Ok</p></button
+          >
+        </div>
+      </div>
     </div>
   </div>
 </div>

src/routes/app-menu/tabs/preferences.svelte

@@ -1,6 +1,7 @@
 <script>
   import { invoke } from "@tauri-apps/api/core";
   import { appData } from "../../../events/app-data";
+  import Power from "../../../assets/icons/power.svelte";
 </script>
 
 <div class="size-full flex flex-col justify-between">
@@ -11,11 +12,15 @@
     <div></div>
     <div>
       <button
-        class="btn btn-error btn-sm btn-soft"
+        class="btn btn-error btn-square btn-soft"
         onclick={async () => {
           await invoke("quit_app");
-        }}>Quit Friendolls</button
+        }}
       >
+        <div class="scale-50">
+          <Power />
+        </div>
+      </button>
     </div>
   </div>
 </div>