From c4e083863e8476ca70d8b895beea5a172fcb7ecd Mon Sep 17 00:00:00 2001
From: crupest <crupest@outlook.com>
Date: Sun, 27 Nov 2022 15:53:02 +0800
Subject: Enhance nginx config and www page.

---
 docker/crupest-nginx/sites/www/index.html     | 8 ++++----
 docker/crupest-nginx/sites/www/src/main.js    | 2 +-
 docker/crupest-nginx/sites/www/src/style.css  | 8 +++++++-
 docker/crupest-nginx/sites/www/vite.config.js | 6 ++++++
 4 files changed, 18 insertions(+), 6 deletions(-)
 create mode 100644 docker/crupest-nginx/sites/www/vite.config.js

(limited to 'docker/crupest-nginx')

diff --git a/docker/crupest-nginx/sites/www/index.html b/docker/crupest-nginx/sites/www/index.html
index 56089ac..31f3475 100644
--- a/docker/crupest-nginx/sites/www/index.html
+++ b/docker/crupest-nginx/sites/www/index.html
@@ -42,11 +42,11 @@
       you build from start. I don't fully test it because I never migrate my data into other server so it might be kind
       of buggy. However, it always takes some time to make it your own sites. But don't worry and feel free to contact
       me if you run into any issue and I would be glad to help you out.</p>
+    <h2>TODOs of me:</h2>
+    <p id="todo-message">Fetching...</p>
+    <ul id="todo-container">
+    </ul>
   </article>
-  <h2>TODOs of me:</h2>
-  <p id="todo-message">Fetching...</p>
-  <ul id="todo-container">
-  </ul>
   <script type="module" src="/src/main.js"></script>
 </body>
 
diff --git a/docker/crupest-nginx/sites/www/src/main.js b/docker/crupest-nginx/sites/www/src/main.js
index 111b0bd..13a85c3 100644
--- a/docker/crupest-nginx/sites/www/src/main.js
+++ b/docker/crupest-nginx/sites/www/src/main.js
@@ -21,7 +21,7 @@ document.addEventListener("DOMContentLoaded", async () => {
   const todoContainer = document.getElementById("todo-container");
 
   const res = await fetch("/api/todos");
-  const body = res.json();
+  const body = await res.json();
 
   if (res.status !== 200) {
     todoMessage.style.color = "red";
diff --git a/docker/crupest-nginx/sites/www/src/style.css b/docker/crupest-nginx/sites/www/src/style.css
index 6021c6c..b632745 100644
--- a/docker/crupest-nginx/sites/www/src/style.css
+++ b/docker/crupest-nginx/sites/www/src/style.css
@@ -5,7 +5,13 @@ html {
 body {
   width: 100%;
   margin: 0;
-  padding: 0 2em;
+  box-sizing: border-box;
+}
+
+@media (min-width: 576px) {
+  #main-article {
+    padding: 0 2em;
+  }
 }
 
 #color-strip-container {
diff --git a/docker/crupest-nginx/sites/www/vite.config.js b/docker/crupest-nginx/sites/www/vite.config.js
new file mode 100644
index 0000000..1386040
--- /dev/null
+++ b/docker/crupest-nginx/sites/www/vite.config.js
@@ -0,0 +1,6 @@
+/** @type {import('vite').UserConfig} */
+export default {
+    build: {
+        sourcemap: true
+    }
+}
-- 
cgit v1.2.3