fix: full screen focus trigger

trigger focus on the editor by
clicking anywhere in the available
editor area

Author: barelyhuman

src/components/editor.vue

@@ -1,10 +1,10 @@
 <template>
-  <div class="bg-white p-3">
+  <div class="bg-white p-3 min-80-screen">
     <div
       name=""
       ref="texteditor"
       autofocus="true"
-      class="code-editor outline-none min-h-screen w-full"
+      class="code-editor min-80-screen outline-none min-h-screen w-full"
     ></div>
   </div>
 </template>

src/styles/index.css

@@ -23,3 +23,7 @@ span.hljs-bullet {
 span.hljs-code {
   color: #868e96;
 }
+
+.min-80-screen {
+  min-height: 80vh;
+}