Mobile viewport corrections

pine64 · Oct 2, 2024 · 5ca7d47 · 5ca7d47
1 parent a69f42f
commit 5ca7d47
Show file tree

Hide file tree

Showing 2 changed files with 20 additions and 1 deletion.
diff --git a/themes/pinetheme/assets/css/style.css b/themes/pinetheme/assets/css/style.css
@@ -606,6 +606,13 @@ button.rounded:hover {
 .backlink:hover {
     color: #222;
 }
+
+.blog {
+    word-wrap: break-word;
+    overflow-wrap: break-word;
+    word-break: break-word;
+}
+
 .blog pre {
     white-space: wrap;
 }
@@ -1074,4 +1081,16 @@ button.podcast:hover {
     background-color: #999;
     height: 1px;
     flex-grow: 1;
+}
+@media screen and (max-width: 1000px){
+    #footer {
+        min-width: unset;
+    }
+    #footer .box {
+        display: block;
+        min-width: unset;
+    }
+    #footer .cols {
+        padding: 0 1em;
+    }
 }
diff --git a/themes/pinetheme/layouts/partials/footer.html b/themes/pinetheme/layouts/partials/footer.html
@@ -1,4 +1,4 @@
-<div id="footer" class="box full themelightgrey pad">
+<div id="footer" class="box full themelightgrey">
     <div class="box rows">
         <div class="box cols">
             <div class="col">