fix: overflow

Author: Rene-Roscher

resources/js/app.js

@@ -50,9 +50,10 @@ document.addEventListener("keydown", keyDownEvent => {
         document.getElementById('save').click();
     }
 });
-document.addEventListener("keydown", keyDownEvent => {
-    if (keyDownEvent.ctrlKey && keyDownEvent.code === "KeyA") {
-        keyDownEvent.preventDefault();
-        window.getSelection().selectAllChildren(document.getElementById('code'));
-    }
-});
+// WIP
+// document.addEventListener("keydown", keyDownEvent => {
+//     if (keyDownEvent.ctrlKey && keyDownEvent.code === "KeyA") {
+//         keyDownEvent.preventDefault();
+//         window.getSelection().selectAllChildren(document.getElementById('code'));
+//     }
+// });

resources/views/_editor.blade.php

@@ -1,6 +1,5 @@
-<div class="h-full font-mono text-sm {{ $padding ? 'py-6 px-4 sm:px-6 lg:px-8' : '' }}">
+<div class="h-full font-mono text-sm {{ $padding ? 'py-8 pl-4 sm:pl-6 lg:pl-8' : '' }}" id="code">
     <textarea
-        name="code" class="dark:bg-zinc-900 text-gray-900 dark:text-white w-full h-screen resize-none outline-none"
-        placeholder="<?php&#10;&#10;echo 'Share your snippet here!';"
-    >{{ optional($paste ?? null)->code }}</textarea>
-</div>
+        name="code" class="dark:bg-zinc-900 text-gray-900 dark:text-white w-full h-full resize-none outline-none"
+        placeholder="<?php&#10;&#10;echo 'Share your snippet here!';">{{ optional($paste ?? null)->code }}</textarea>
+</div>

resources/views/components/main.blade.php

@@ -21,9 +21,9 @@ class="-mr-3 h-12 w-12 inline-flex items-center justify-center rounded-md text-g
         </div>
     </div>
     <div class="flex-1 relative z-0 flex overflow-hidden">
-        <main class="flex-1 relative z-0 overflow-y-auto focus:outline-none" tabindex="0">
+        <main class="flex-1 relative z-0 focus:outline-none" tabindex="0">
             <!-- Start main area-->
-            <div class="absolute inset-0">
+            <div class="absolute inset-0 overflow-auto">
                 {!! $slot !!}
             </div>
             <!-- End main area -->

resources/views/show.blade.php

@@ -1,7 +1,7 @@
 @extends('layouts.app')
 
 @section('content')
-    <div x-data="{ isOpen: false }" class="h-screen flex overflow-hidden">
+    <div x-data="{ isOpen: false }" class="h-screen flex">
         <x-main>
             <pre
                 id="code"