jwt-decoder: Fix layout on mobile

eliandoran · Jul 7, 2024 · 6f1bcf6 · 6f1bcf6
1 parent 3705238
commit 6f1bcf6
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 4 deletions.
diff --git a/src/lib/components/two-column-view.svelte b/src/lib/components/two-column-view.svelte
@@ -63,6 +63,7 @@
     .inner-wrapper {
         flex-grow: 1;
         position: relative;
+        display: flex;
     }
 
     @media (min-width: 920px) {

diff --git a/src/routes/jwt-decoder/+page.svelte b/src/routes/jwt-decoder/+page.svelte
@@ -88,21 +88,26 @@
         flex-grow: 1;
         display: flex;
         flex-direction: column;
-        height: 100%;
     }
-
+    
     textarea {
         flex-grow: 1;
         border: 0;
     }
-
+    
     .codemirror-outer-wrapper {
         position: relative;
         flex-grow: 1;
         height: 100%;
     }
-
+    
     .codemirror-outer-wrapper.header {
         min-height: 9em;
     }
+    
+    @media (min-width: 920px) {
+        div[slot="right"] {
+            height: 100%;
+        }
+    }
 </style>