deploy: 65bcec1caf

index.html

@@ -6,13 +6,17 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>Topos</title>
     
-    <script type="module" crossorigin src="/assets/index-c06b0e7b.js"></script>
-    <link rel="stylesheet" href="/assets/index-16f6f22d.css">
+    <script type="module" crossorigin src="/assets/index-3165af84.js"></script>
+    <link rel="stylesheet" href="/assets/index-b60a56af.css">
   </head>
   <style>
 
     body {
       background-color: #111827;
+			overflow: hidden;
+			position: fixed;
+			width: 100vw;
+			height: 100vh;
       margin: 0;
       padding: 0;
     }
@@ -23,7 +27,8 @@
  
     .cm-editor {
       width: 100%;
-      max-height: 100vh;
+      max-height: 90vh;
+
     }
 
     .cm-scroller {
@@ -83,8 +88,8 @@
 
     <div id="documentation" class="hidden">
       <div id="documentation-page" class="flex flex-row">
-        <aside class="h-screen w-50 p-1 lg:p-8 h-100 bg-neutral-900 text-white">
-          <nav class="space-y-8 text-xl sm:text-sm">
+        <aside class="h-fit p-1 lg:p-8 bg-neutral-900 text-white">
+          <nav class="space-y-0 text-xl sm:text-sm">
             <div class="space-y-2">
               <h2 class="font-semibold text-gray-400">Basics</h2>
               <div class="flex flex-col">
@@ -202,15 +207,13 @@
         </div>
       </div>
 
-      <div class="flex flex-row">
+      <div class="flex flex-row max-h-fit">
 
-				<!-- This is a lateral bar that will inherit the header buttons
-					if the window is too small.
-				-->
+				<!-- This is a lateral bar that will inherit the header buttons if the window is too small. -->
         <aside class="
 					flex flex-col items-center w-14
 					h-screen py-2 overflow-y-hidden
-					border-r rtl:border-l
+					border-r rtl:border-l max-h-fit
 					rtl:border-r-0 bg-neutral-900
 					dark:border-neutral-700 border-none"
 				>