Browse Source

fix floating footer

Dennis Chen 1 year ago
parent
commit
e4f32aa2d6
1 changed files with 10 additions and 0 deletions
  1. 10 0
      aces/static/app.css

+ 10 - 0
aces/static/app.css

@@ -24,6 +24,12 @@ html, button, input, select, textarea,
  * --------------------------
 */
 
+#main {
+    display: flex;
+    flex-direction: column;
+    min-height: 100vh;
+}
+
 body {
     min-width: 320px;
     background-color: #fff;
@@ -108,6 +114,7 @@ aside {
 .header {
     font-family: "Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif;
     max-width: 768px;
+    width: 100vw;
     margin: 0 auto;
     padding: 1em;
     text-align: center;
@@ -139,9 +146,12 @@ aside {
 .content {
     margin-left: auto;
     margin-right: auto;
+    padding-top: 1em;
     padding-left: 1em;
     padding-right: 1em;
     max-width: 768px;
+    width: 100vw;
+    flex-grow: 1;
 }
 
     .content .content-subhead {