From 283c7615498fa8dc4e1ce069c9a33eb2a748e016 Mon Sep 17 00:00:00 2001
From: Elian Doran <contact@eliandoran.me>
Date: Sun, 7 Jul 2024 13:41:55 +0300
Subject: [PATCH] ansi-text: Fix on mobile

---
 src/lib/components/stack-view.svelte | 1 +
 src/routes/ansi-text/+page.svelte    | 9 ++++++---
 2 files changed, 7 insertions(+), 3 deletions(-)

diff --git a/src/lib/components/stack-view.svelte b/src/lib/components/stack-view.svelte
index f57958b..9a5db98 100644
--- 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
index 4dfc6ea..1eea8f9 100644
--- 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 {