From 79ca06f7d123ba2353a23b23ec8e03136c6c47fe Mon Sep 17 00:00:00 2001
From: vato007 <contact@michaelpivato.dev>
Date: Wed, 4 Sep 2024 21:51:04 +0930
Subject: [PATCH] Increase min sql field height, add label to sql field

---
 src/app/editor/string-field/string-field.component.css | 4 ++++
 src/app/editor/string-field/string-field.component.ts  | 5 ++++-
 2 files changed, 8 insertions(+), 1 deletion(-)

diff --git a/src/app/editor/string-field/string-field.component.css b/src/app/editor/string-field/string-field.component.css
index c7acb4b..4069e5c 100644
--- a/src/app/editor/string-field/string-field.component.css
+++ b/src/app/editor/string-field/string-field.component.css
@@ -1,3 +1,7 @@
 mat-form-field {
   width: 100%;
 }
+
+ngx-monaco-editor {
+  min-height: 400px;
+}
diff --git a/src/app/editor/string-field/string-field.component.ts b/src/app/editor/string-field/string-field.component.ts
index eba7b12..7a0c074 100644
--- a/src/app/editor/string-field/string-field.component.ts
+++ b/src/app/editor/string-field/string-field.component.ts
@@ -30,12 +30,15 @@ import { MonacoEditorModule } from 'ngx-monaco-editor-v2';
         [(ngModel)]="value"
         [maxlength]="configuration().maxLength ?? null"
       />
-      <mat-hint *ngIf="text.hasError('maxlength')"
+      @if(text.hasError('maxlength')) {
+      <mat-hint
         >Text should be less than
         {{ configuration().maxLength }} characters</mat-hint
       >
+      }
     </mat-form-field>
     } @else {
+    <h2>{{ label() }}</h2>
     <ngx-monaco-editor
       [(ngModel)]="value"
       [options]="editorOptions"