🐛 fix: Bug Croped outpaint extention fixed #41

lobehub · Apr 22, 2023 · 157bd50 · 157bd50
1 parent ca05cbc
commit 157bd50
Show file tree

Hide file tree

Showing 7 changed files with 61 additions and 48 deletions.
diff --git a/javascript/index.js b/javascript/index.js
diff --git a/src/theme/components/container.less b/src/theme/components/container.less
@@ -1,7 +1,15 @@
+#content {
+  min-height: -webkit-fill-available;
+}
+
+.app.svelte-ac4rv4.svelte-ac4rv4 {
+  padding: 0 !important;
+}
+
 .gradio-container {
   font-size: var(--font-size);
   color: var(--color-text);
-  margin: 16px 0 0 !important;
+  margin: 0 !important;
   background: transparent !important;
 }
 

diff --git a/src/theme/components/tab.less b/src/theme/components/tab.less
@@ -7,10 +7,9 @@
 }
 
 #tabs {
-  > .tabitem,
-  > .gradio-tabitem {
+  > .tabitem.gradio-tabitem {
     background: transparent !important;
-    padding: 0 !important;
+    padding: var(--size-4);
   }
 }
 

diff --git a/src/theme/extensions/aspect-ratio.less b/src/theme/extensions/aspect-ratio.less
@@ -25,8 +25,8 @@
   display: flex !important;
   flex-wrap: wrap !important;
   flex-direction: row !important;
-  #txt2img_row_aspect_ratio,
-  #txt2img_row_resolutions {
+  [id$='_row_aspect_ratio'],
+  [id$='_row_resolutions'] {
     max-width: unset;
     width: unset;
     flex: 1;

diff --git a/src/theme/extensions/open-outpaint.less b/src/theme/extensions/open-outpaint.less
@@ -0,0 +1,8 @@
+#tab_openOutpaint {
+  padding: 0 !important;
+  height: 100vh;
+  position: relative;
+  #openoutpaint-iframe {
+    width: -webkit-fill-available !important;
+  }
+}
diff --git a/src/theme/style.less b/src/theme/style.less
@@ -1,6 +1,3 @@
-/* Root */
-@import 'utils/normalize';
-
 /* Var */
 @import 'var/antd';
 @import 'var/antd-extra';
@@ -34,6 +31,7 @@
 @import 'extensions/system-info';
 @import 'extensions/dreambooth';
 @import 'extensions/additional-networks';
+@import 'extensions/open-outpaint';
 
 /* Root */
 

diff --git a/style.css b/style.css