Fix index page style with multi-column

MetroWind · Oct 27, 2024 · 9ffe1ae · 9ffe1ae
1 parent c444ea7
commit 9ffe1ae
Show file tree

Hide file tree

Showing 3 changed files with 13 additions and 3 deletions.
diff --git a/templates/index.html b/templates/index.html
@@ -11,7 +11,7 @@
   <body>
     <div id="Body">
       {% include "nav.html" %}
-      <div id="ContentWrapper">
+      <div id="IndexWrapper">
         <header id="BlogTitle">
           <h1>{{ blog_title }}</h1>
         </header>

diff --git a/templates/post.html b/templates/post.html
@@ -12,7 +12,7 @@
   <body>
     <div id="Body">
       {% include "nav.html" %}
-      <div id="ContentWrapper">
+      <div id="PostWrapper">
         <header id="BlogTitle">
           <h1><a href="{{ url_for("index") }}">{{ blog_title }}</a></h1>
         </header>

diff --git a/themes/planck-light-columns/styles.css b/themes/planck-light-columns/styles.css
@@ -6,12 +6,22 @@
         width: 100%;
     }
 
+    footer
+    {
+        top: calc(100vh - 32px);
+    }
+
     main#PostMain, #BlogTitle
     {
         max-width: unset;
     }
 
-    #ContentWrapper
+    #IndexWrapper
+    {
+        padding: 32px;
+    }
+
+    #PostWrapper
     {
         columns: auto 700px;
         height: calc(100vh - 32px);