This commit is contained in:
Bubobubobubobubo
2023-08-23 14:26:47 +00:00
parent a763855a92
commit bb3151aad1
4 changed files with 14 additions and 11 deletions

View File

@ -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"
>