refac: electron drag region

src/routes/(app)/admin/+layout.svelte

@@ -30,7 +30,7 @@
 			? 'md:max-w-[calc(100%-260px)]'
 			: ''}"
 	>
-		<div class=" px-2.5 py-1 backdrop-blur-xl">
+		<nav class="   px-2.5 pt-1 backdrop-blur-xl drag-region">
 			<div class=" flex items-center gap-1">
 				<div class="{$showSidebar ? 'md:hidden' : ''} flex flex-none items-center">
 					<button
@@ -81,7 +81,7 @@
 					</div>
 				</div>
 			</div>
-		</div>
+		</nav>
 
 		<div class=" pb-1 px-[16px] flex-1 max-h-full overflow-y-auto">
 			<slot />

src/routes/(app)/playground/+layout.svelte

@@ -20,7 +20,7 @@
 		? 'md:max-w-[calc(100%-260px)]'
 		: ''}"
 >
-	<div class=" px-2.5 py-1 backdrop-blur-xl">
+	<nav class="   px-2.5 pt-1 backdrop-blur-xl w-full drag-region">
 		<div class=" flex items-center">
 			<div class="{$showSidebar ? 'md:hidden' : ''} flex flex-none items-center">
 				<button
@@ -68,7 +68,7 @@
 				</div>
 			</div>
 		</div>
-	</div>
+	</nav>
 
 	<div class=" flex-1 max-h-full overflow-y-auto">
 		<slot />

src/routes/(app)/workspace/+layout.svelte

@@ -55,7 +55,7 @@
 			? 'md:max-w-[calc(100%-260px)]'
 			: ''}"
 	>
-		<div class="   px-2.5 pt-1 backdrop-blur-xl">
+		<nav class="   px-2.5 pt-1 backdrop-blur-xl drag-region">
 			<div class=" flex items-center gap-1">
 				<div class="{$showSidebar ? 'md:hidden' : ''} self-center flex flex-none items-center">
 					<button
@@ -126,7 +126,7 @@
 
 				<!-- <div class="flex items-center text-xl font-semibold">{$i18n.t('Workspace')}</div> -->
 			</div>
-		</div>
+		</nav>
 
 		<div class="  pb-1 px-[18px] flex-1 max-h-full overflow-y-auto" id="workspace-container">
 			<slot />

src/routes/auth/+page.svelte

@@ -139,6 +139,8 @@
 <div class="w-full h-screen max-h-[100dvh] text-white relative">
 	<div class="w-full h-full absolute top-0 left-0 bg-white dark:bg-black"></div>
 
+	<div class="w-full absolute top-0 left-0 right-0 h-8 drag-region" />
+
 	{#if loaded}
 		<div class="fixed m-10 z-50">
 			<div class="flex space-x-2">