Added mobile friendly version

2024-10-31 21:34:51 +01:00
parent 758a7b44d0
commit dd1e1904f1
11 changed files with 187 additions and 26 deletions
--- a/src/app/footer/footer.component.scss
+++ b/src/app/footer/footer.component.scss
@@ -1,3 +1,5 @@
+@import "../../vars.scss";
+
 :host {
  display: flex;
  padding: 2rem 0;
@@ -31,3 +33,19 @@
  font-family: 'Libre Barcode 128 Text';
  font-size: 5rem;
 }
+
+@media only screen and (max-width: $small-screen) {
+  :host {
+    flex-direction: column;
+  }
+  .contact {
+    width: 100%;
+    margin-bottom: 2rem;
+  }
+
+  .barcode {
+    font-size: 3rem;
+    overflow: hidden;
+    text-overflow: ellipsis;
+  }
+}