UI changes. optimised images

3 files changed, 4 insertions, 2 deletions

diff --git a/static/css/main.css b/static/css/main.css
index 814497b..ccc31bc 100644
--- a/static/css/main.css
+++ b/static/css/main.css
@@ -52,6 +52,7 @@ nav::before {
     right: 0;
     text-align: center;
     color: #ffccee;
+    z-index: 0;
 }
 
 .nav-left,
@@ -59,6 +60,7 @@ nav::before {
     display: flex;
     align-items: center;
     gap: 16px;
+    z-index: 1;
 }
 
 .nav-title {
@@ -77,7 +79,7 @@ nav::before {
 
 main {
     display: flex;
-    max-width: 1200px;
+    width: 1200px;
     margin: 0 auto;
     gap: 10px;
     padding: 10px;
diff --git a/static/images/opwevhieia8ikwltpfgf.webp b/static/images/opwevhieia8ikwltpfgf.webp
new file mode 100644
index 0000000..b64e38c
--- /dev/null
+++ b/static/images/opwevhieia8ikwltpfgf.webp
diff --git a/templates/home.django b/templates/home.django
index 61d54db..0314015 100644
--- a/templates/home.django
+++ b/templates/home.django
@@ -1,7 +1,7 @@
 {% extends 'layouts/main.django' %}
 {% block content %}
   <div class="home-main">
-    <img src="/static/images/image_main.png" alt="Main Image" class="main-img" />
+    <img src="/static/images/opwevhieia8ikwltpfgf.webp" alt="Main Image" class="main-img" />
     <h1>Welcome to {{ Appname }}!</h1>
     <p>～ 個人的な画像ボード ～</p>
     {% include 'partials/search.django' %}