#119 set navbar to default and make page unselectable

modules/gui/src-tauri/tauri.conf.json

@@ -124,9 +124,9 @@
 				"fullscreen": false,
 				"height": 600,
 				"resizable": true,
-				"title": "gui",
+				"title": "tea",
 				"width": 1200,
-				"decorations": false
+				"decorations": true
 			}
 		]
 	}

modules/gui/src/app.css

@@ -15,6 +15,8 @@
 html {
 	background-color: #1a1a1a;
 	color: #fff;
+	user-select: none;
+	cursor: default;
 }
 
 @layer base {

modules/gui/src/components/NavBar/NavBar.svelte

@@ -1,22 +1,11 @@
 <script lang="ts">
 	import { page } from '$app/stores';
-	import { appWindow } from '@tauri-apps/api/window';
 	import { searchStore } from '$libs/stores';
 	import SearchInput from '@tea/ui/SearchInput/SearchInput.svelte';
 	import Button from '@tea/ui/Button/Button.svelte';
 
 	import { beforeUpdate } from 'svelte';
 
-	let maximized = false;
-	const toggleMaximize = () => {
-		maximized = !maximized;
-		if (maximized) {
-			appWindow.maximize();
-		} else {
-			appWindow.unmaximize();
-		}
-	};
-
 	let routes = [
 		{
 			path: '/',
@@ -64,18 +53,7 @@
 </script>
 
 <ul id="NavBar">
-	<nav data-tauri-drag-region class="flex justify-between">
-		<div class="flex gap-1 p-3 pt-3">
-			<button class="titlebar-button" id="titlebar-close" on:click={appWindow.close}>
-				<img src="/images/close.svg" alt="close" />
-			</button>
-			<button class="titlebar-button" id="titlebar-minimize" on:click={appWindow.minimize}>
-				<img src="/images/minimize.svg" alt="minimize" />
-			</button>
-			<button class="titlebar-button" id="titlebar-maximize" on:click={toggleMaximize}>
-				<img src="/images/expand.svg" alt="maximize" />
-			</button>
-		</div>
+	<nav class="flex justify-between">
 		<a href="/">
 			<img width="40" height="40" src="/images/tea-icon.png" alt="tea" />
 		</a>
@@ -129,11 +107,6 @@
 		}
 	}
 
-	nav:hover {
-		transition: all 0.3s;
-		background-color: #2d2d2d;
-	}
-
 	.titlebar-button {
 		display: inline-flex;
 		justify-content: center;