refac: styling

src/lib/components/notes/NoteEditor.svelte

@@ -724,7 +724,7 @@ Provide the enhanced notes in markdown format. Use markdown syntax for headings,
 </DeleteConfirmDialog>
 
 <PaneGroup direction="horizontal" class="w-full h-full">
-	<Pane defaultSize={70} minSize={50} class="h-full flex flex-col w-full relative">
+	<Pane defaultSize={70} minSize={30} class="h-full flex flex-col w-full relative">
 		<div class="relative flex-1 w-full h-full flex justify-center pt-[11px]" id="note-editor">
 			{#if loading}
 				<div class=" absolute top-0 bottom-0 left-0 right-0 flex">

src/lib/components/notes/NotePanel.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-	import { onDestroy, onMount } from 'svelte';
+	import { onDestroy, onMount, tick } from 'svelte';
 	import { Pane, PaneResizer } from 'paneforge';
 
 	import Drawer from '../common/Drawer.svelte';
@@ -87,7 +87,7 @@
 
 	<Pane
 		bind:pane
-		defaultSize={20}
+		defaultSize={Math.max(20, minSize)}
 		{minSize}
 		onCollapse={() => {
 			show = false;