add negative prompt

lama_cleaner/app/src/components/Settings/SettingBlock.scss

@@ -25,6 +25,14 @@
   gap: 12rem;
 }
 
+.setting-block-content-v {
+  display: flex;
+  flex-direction: column;
+  justify-content: flex-start;
+  align-items: flex-start;
+  gap: 1rem;
+}
+
 .setting-block-content-title {
   display: flex;
   flex-direction: row;

lama_cleaner/app/src/components/Settings/SettingBlock.tsx

@@ -8,13 +8,18 @@ interface SettingBlockProps {
   input: ReactNode
   optionDesc?: ReactNode
   className?: string
+  layout?: string
 }
 
 function SettingBlock(props: SettingBlockProps) {
-  const { title, titleSuffix, desc, input, optionDesc, className } = props
+  const { title, titleSuffix, desc, input, optionDesc, className, layout } =
+    props
+  const contentClass =
+    layout === 'h' ? 'setting-block-content' : 'setting-block-content-v'
+
   return (
     <div className={`setting-block ${className}`}>
-      <div className="setting-block-content">
+      <div className={contentClass}>
         <div className="setting-block-content-title">
           <div style={{ display: 'flex', alignItems: 'center', gap: '12px' }}>
             {desc ? (
@@ -34,4 +39,8 @@ function SettingBlock(props: SettingBlockProps) {
   )
 }
 
+SettingBlock.defaultProps = {
+  layout: 'h',
+}
+
 export default SettingBlock