Procházet zdrojové kódy

add double click 50/50 pane split

biblius před 2 týdny
rodič
revize
4d3a7d3471

+ 1 - 1
src/lib/components/Sidebar.svelte

@@ -40,7 +40,7 @@
   });
 </script>
 
-<Sidebar.Root fixed={true} variant="sidebar">
+<Sidebar.Root fixed variant="sidebar">
   <Sidebar.Header>
     <Sidebar.Menu>
       <Sidebar.MenuItem class="flex flex-nowrap items-center">

+ 13 - 3
src/lib/components/WorkspaceEntry.svelte

@@ -24,6 +24,8 @@
   import CodeMirror from "./CodeMirror.svelte";
   import * as Resizable from "$lib/components/ui/resizable/index";
 
+  let requestPane: Resizable.Pane;
+  let responsePane: Resizable.Pane;
   let isSending = $state(false);
   let response: any = $state();
 
@@ -206,10 +208,11 @@
     <!-- ================= REQUEST PANEL ================= -->
 
     <Resizable.PaneGroup direction="vertical" class="flex-1 w-full rounded-lg">
-      <Resizable.Pane defaultSize={100}>
+      <Resizable.Pane defaultSize={100} bind:this={requestPane}>
         <Accordion.Root
           type="multiple"
           value={["auth", "params", "headers", "body"]}
+          class="h-full overflow-scroll"
         >
           <!-- URL PARAMS -->
 
@@ -356,11 +359,18 @@
         </Accordion.Root>
       </Resizable.Pane>
 
-      <Resizable.Handle withHandle class="p-1.5" />
+      <Resizable.Handle
+        withHandle
+        class="p-1.5"
+        ondblclick={() => {
+          requestPane.resize(50);
+          responsePane.resize(50);
+        }}
+      />
 
       <!-- RESPONSE -->
 
-      <Resizable.Pane defaultSize={0}>
+      <Resizable.Pane defaultSize={0} bind:this={responsePane}>
         {#if isSending}
           <div class="flex justify-center py-8">
             <Loader class="h-6 w-6 animate-spin text-muted-foreground" />

+ 1 - 1
src/routes/+page.svelte

@@ -25,7 +25,7 @@
     <main class="w-full p-4 space-y-4"></main>
   {/if}
 
-  <Sidebar.Provider style="--sidebar-width: 4rem">
+  <Sidebar.Provider style="--sidebar-width: 3.5rem">
     <Sidebar.Root fixed={false} variant="floating" side="right">
       <Sidebar.Menu class="items-center">
         <Sidebar.MenuItem class="pt-2">