start updating doc style

This commit is contained in:
2024-05-24 09:56:26 +02:00
parent 8e127a1cb5
commit c742d037a6
2 changed files with 29 additions and 24 deletions

View File

@@ -17,20 +17,22 @@ html, body {
} }
body { body {
height: 100vh; display: block;
display: grid;
background-color: #648cab; background-color: #648cab;
grid-template-areas: }
'header header header header header'
'menu main main main main' .doc-main {
'menu main main main main' display: flex;
'menu main main main main' }
'menu main main main main'
'menu main main main main' @media only screen and (min-width: 1000px) {
'menu main main main main' body {
'menu main main main main' height: 100vh;
'menu main main main main' }
'footer footer footer footer footer'; .doc-main {
display: flex;
height: 85vh;
}
} }
.title-wrapper { .title-wrapper {

View File

@@ -13,6 +13,8 @@
</head> </head>
<body> <body>
<div id="nav"></div> <div id="nav"></div>
<div class="doc-main">
<div id="side-bar"></div> <div id="side-bar"></div>
<div id="backToTop" onclick="backToTop();"></div> <div id="backToTop" onclick="backToTop();"></div>
<div id="docPage"> <div id="docPage">
@@ -26,6 +28,7 @@
<p>If you like this project, please consider giving it a star on GitHub and donating to help fund the development costs.</p> <p>If you like this project, please consider giving it a star on GitHub and donating to help fund the development costs.</p>
</div> </div>
</div> </div>
</div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.1/jquery.min.js"></script> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.1/jquery.min.js"></script>
<script src="/docs/js/index.js"></script> <script src="/docs/js/index.js"></script>
</body> </body>