Fix bugs in form-input with wider fonts

LittleBigRefresh · Nov 6, 2023 · cc031e5 · cc031e5
1 parent bae6950
commit cc031e5
Showing 1 changed file with 3 additions and 3 deletions.
diff --git a/src/app/components/form-input/form-input.component.html b/src/app/components/form-input/form-input.component.html
@@ -1,10 +1,10 @@
 <div class="text-left">
-  <div class="bg-teritary focus-within:text-secondary-bright text-secondary px-5 py-2 rounded w-[19rem] drop-shadow-lg flex focus-within:outline-secondary-bright focus-within:outline-2 focus-within:outline">
+  <div class="bg-teritary focus-within:text-secondary-bright text-secondary px-5 py-2 rounded drop-shadow-lg flex focus-within:outline-secondary-bright focus-within:outline-2 focus-within:outline">
     <fa-icon [icon]="_icon" class="pr-2 flex-shrink"></fa-icon>
-    <input *ngIf="!multiline" [type]="_type" class="bg-teritary placeholder:focus:text-secondary-bright placeholder:text-secondary text-foreground placeholder:italic flex-grow border-none outline-none"
+    <input *ngIf="!multiline" [type]="_type" class="bg-teritary placeholder:focus:text-secondary-bright placeholder:text-secondary text-foreground placeholder:italic flex-grow border-none outline-none overflow-hidden"
            [placeholder]="_name" [readOnly]="_readonly" [value]="value" (input)="onChange($event)">
 
-    <textarea *ngIf="multiline" class="bg-teritary placeholder:focus:text-secondary-bright placeholder:text-secondary text-foreground placeholder:italic flex-grow border-none outline-none"
+    <textarea *ngIf="multiline" class="bg-teritary placeholder:focus:text-secondary-bright placeholder:text-secondary text-foreground placeholder:italic flex-grow border-none outline-none min-h-[1.6rem] max-w-fit"
               [placeholder]="_name" [readOnly]="_readonly" [value]="value" (input)="onChange($event)"></textarea>
   </div>
 </div>