fix(tools): api schema field style (#189)

Signed-off-by: Petr Kadlec <[email protected]>
i-am-bee · Jan 21, 2025 · 593f112 · 593f112
1 parent bc251fc
commit 593f112
Showing 1 changed file with 14 additions and 4 deletions.
diff --git a/src/modules/tools/manage/UserToolModal.module.scss b/src/modules/tools/manage/UserToolModal.module.scss
@@ -161,17 +161,27 @@
   }
 }
 
+$modalBlockSize: 84vh;
+$modalOtherContentApproxSize: rem(460px);
+
 .apiSchemaField {
   > div {
-    max-block-size: 20rem;
+    min-block-size: 16rem;
+    max-block-size: calc($modalBlockSize - $modalOtherContentApproxSize);
     overflow-y: auto;
-    display: block;
     border-radius: $block-radius;
+
+    @include breakpoint-down(md) {
+      max-block-size: 24rem;
+    }
+
     &:focus-within {
       outline: 2px solid $focus;
     }
-    textarea:focus {
-      outline: none;
+    textarea {
+      &:focus {
+        outline: none;
+      }
     }
   }
 }