Merge pull request #499 from kaalibro/dev

🐛 fix: img2img Aspect Ratio Overlay (#497)

src/styles/antdOverride.ts

@@ -8,8 +8,6 @@ export default (token: Theme) => css`
   .ant-app {
     position: relative;
     overscroll-behavior: none;
-    height: 100% !important;
-    min-height: 100% !important;
 
     ::-webkit-scrollbar {
       display: none;
@@ -18,6 +16,10 @@ export default (token: Theme) => css`
     }
   }
 
+  body {
+    height: 100% !important;
+  }
+
   .ant-slider-track,
   .ant-tabs-ink-bar,
   .ant-switch-checked {

src/styles/components/container.ts

@@ -76,5 +76,13 @@ export default (token: Theme) => {
     #tabs_extensions > .tabitem > .gap > .gradio-row {
       overflow: auto;
     }
+
+    gradio-app #imageARPreview {
+      background: ${token.colorError}4d;
+      backdrop-filter: brightness(1.2);
+      border-color: ${token.colorError};
+      border-style: solid;
+      border-width: 2px;
+    }
   `;
 };

src/styles/components/popup.ts

@@ -2,6 +2,8 @@ import { Theme, css } from 'antd-style';
 
 export default (token: Theme) => css`
   .global-popup {
+    overscroll-behavior: none;
+
     .global-popup-close {
       background-color: ${token.colorBgMask} !important;
       backdrop-filter: blur(4px);
@@ -22,6 +24,7 @@ export default (token: Theme) => css`
 
       .popup-metadata {
         overflow: auto;
+        overscroll-behavior: none;
 
         width: 75vw;
         max-height: 85vh;
@@ -56,6 +59,7 @@ export default (token: Theme) => css`
 
       .popup-dialog,
       .edit-user-metadata {
+        overscroll-behavior: none;
         width: 50vw !important;
       }
     }