🔧 chore: merge

src/components/Header/index.tsx

@@ -66,7 +66,13 @@ const Header: React.FC<HeaderProps> = ({ children }) => {
 
   return (
     <>
-      <DraggablePanel placement="top" defaultSize={{ height: 'auto' }} expand={expand} onExpandChange={setExpand}>
+      <DraggablePanel
+        placement="top"
+        defaultSize={{ height: 'auto' }}
+        minHeight={64}
+        expand={expand}
+        onExpandChange={setExpand}
+      >
         <HeaderView id="header" style={{ flexDirection: mobile ? 'column' : 'row' }}>
           <Center>
             <a href="https://github.com/canisminor1990/sd-webui-kitchen-theme" target="_blank" rel="noreferrer">

src/script/draggablePanel.ts

@@ -2,7 +2,8 @@ const MIN_WIDTH = 240
 
 const addDraggable = (tabId: string) => {
   const settings = document.getElementById(`${tabId}_settings`)
-  if (!settings) return
+  const checkDraggableLine = document.querySelector(`#tab_${tabId} .draggable-line`)
+  if (!settings || checkDraggableLine) return
 
   settings.style.minWidth = `min(${MIN_WIDTH}px, 100%)`
 

src/theme/components/button.less

@@ -70,6 +70,7 @@
   display: block !important;
 }
 
-[id$='2img_dimensions_row'] {
+#txt2img_dimensions_row,
+#img2img_dimensions_row {
   min-width: 36px !important;
 }

src/theme/components/draggable-container.less

@@ -5,7 +5,7 @@
   min-width: 2px !important;
   max-width: 2px !important;
 
-  border-left: 1px dashed var(--color-border-secondary);
+  border-left: 2px dashed var(--color-border-secondary);
 
   transition: all 0.3s ease-in-out;
   &:hover,