Add mobile styling

2024-03-20 12:31:55 +01:00
parent 04b4a3b3e5
commit 5b9dc7c7f3
26 changed files with 828 additions and 128 deletions
--- a/resources/assets/sass/base/_container.scss
+++ b/resources/assets/sass/base/_container.scss
@@ -10,6 +10,9 @@ body {
 .body_container {
  @include container;
  padding: 67px 0;
+  @media (max-width: 768px) {
+    padding: 50px 0;
+  }
  background-color: #f9f9f9;
 }
 .header_container  {
@@ -24,3 +27,11 @@ body {
 .sidebar {
  width: CALC(300px + var(--bs-gutter-x));
 }
+@media (max-width: 768px) {
+  .content_container {
+    padding-right: calc(var(--bs-gutter-x)* .5);
+  }
+  .site_container {
+    overflow: hidden;
+  }
+}