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/src/main.js   | 2 +-
 docker/crupest-nginx/sites/www/src/style.css | 8 +++++++-
 2 files changed, 8 insertions(+), 2 deletions(-)

(limited to 'docker/crupest-nginx/sites/www/src')

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 {
-- 
cgit v1.2.3