support brushnet sdxl model

web_app/src/components/SidePanel/DiffusionOptions.tsx

@@ -142,14 +142,14 @@ const DiffusionOptions = () => {
               }}
             />
           </RowContainer>
-          {/* <RowContainer>
+          <RowContainer>
             <Slider
               defaultValue={[100]}
               className="w-[180px]"
               min={1}
               max={100}
               step={1}
-              disabled={!settings.enableBrushNet || disable}
+              disabled={!settings.enableBrushNet}
               value={[Math.floor(settings.brushnetConditioningScale * 100)]}
               onValueChange={(vals) =>
                 updateSettings({ brushnetConditioningScale: vals[0] / 100 })
@@ -159,12 +159,12 @@ const DiffusionOptions = () => {
               id="brushnet-weight"
               className="w-[50px] rounded-full"
               numberValue={settings.brushnetConditioningScale}
-              allowFloat={false}
+              allowFloat
               onNumberValueChange={(val) => {
                 updateSettings({ brushnetConditioningScale: val })
               }}
             />
-          </RowContainer> */}
+          </RowContainer>
 
           <RowContainer>
             <Select
@@ -240,7 +240,7 @@ const DiffusionOptions = () => {
                 className="w-[50px] rounded-full"
                 disabled={!settings.enableControlnet}
                 numberValue={settings.controlnetConditioningScale}
-                allowFloat={false}
+                allowFloat
                 onNumberValueChange={(val) => {
                   updateSettings({ controlnetConditioningScale: val })
                 }}

web_app/src/components/SidePanel/index.tsx

@@ -61,7 +61,7 @@ const SidePanel = () => {
       </SheetTrigger>
       <SheetContent
         side="right"
-        className="w-[286px] mt-[60px] outline-none pl-3 pr-1"
+        className="min-w-[286px] max-w-full mt-[60px] outline-none pl-3 pr-1"
         onOpenAutoFocus={(event) => event.preventDefault()}
         onPointerDownOutside={(event) => event.preventDefault()}
       >