ansi-text: Fix on mobile

eliandoran · Jul 7, 2024 · 283c761 · 283c761
1 parent 4f168bc
commit 283c761
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 3 deletions.
diff --git a/src/lib/components/stack-view.svelte b/src/lib/components/stack-view.svelte
@@ -60,6 +60,7 @@
 
     .inner-wrapper.fill {
         height: 100%;
+        flex-grow: 1;
         flex-shrink: unset;
     }
 

diff --git a/src/routes/ansi-text/+page.svelte b/src/routes/ansi-text/+page.svelte
@@ -28,7 +28,7 @@
         <textarea bind:value={ansiText} />            
     </StackView>
 
-    <StackView title="ANSI Preview" hasPadding={false} bind:isExpanded={previewExpanded}>    
+    <StackView title="ANSI Preview" hasPadding={false} fill bind:isExpanded={previewExpanded}>    
         <div class="preview-wrapper">
             <div class="preview">
                 {@html converter.toHtml(ansiText)}
@@ -58,9 +58,12 @@
 
     .preview-wrapper {
         background: black;
-        height: 100%;
         overflow: scroll;
-        position: relative;
+        position: absolute;
+        top: 0;
+        bottom: 0;
+        left: 0;
+        right: 0;
     }
 
     .preview {