style(home): add better styling to boards box for mobile

2026-08-03 07:41:04 +02:00 · 2023-10-03 11:31:50 +02:00
parent fee9e6fa08
commit 08b71e9548
1 changed files with 19 additions and 1 deletions
@@ -103,7 +103,7 @@ export const Search = styled.div`
      padding: 5px;
      box-sizing: border-box;
      vertical-align: top;
-      width: 60px;
+      width: 70px;
      -webkit-appearance: none;
    }
  }
@@ -244,6 +244,24 @@ export const BoardsBox = styled.div`
      }
    }
  }
+
+  @media (max-width: 480px) {
+    .boxbar {
+      padding-left: 0.25em;
+    }
+
+    .boxcontent {
+      font-size: 1.05em;
+      padding: 0.25em;
+      line-height: 2em;
+
+      .column {
+        width: 44%;
+        margin-bottom: 10px;
+        margin-right: 20px;
+      }
+    }
+  }
 `;

 export const BoardsContent = styled.div`