fix/responsive issues

processing · Jul 20, 2023 · 4512546 · 4512546
1 parent c48a036
commit 4512546
Show file tree

Hide file tree

Showing 4 changed files with 13 additions and 5 deletions.
diff --git a/client/styles/components/_collection.scss b/client/styles/components/_collection.scss
@@ -31,12 +31,17 @@
 
 .collection-metadata__column--right {
   align-self: flex-end;
-
   display: flex;
   flex-direction: row;
   justify-content: flex-end;
 }
 
+@media (max-width: 529px) {
+  .collection-metadata__column--right {
+    flex-direction: column;
+  }
+}
+
 .collection-metadata__column--right > * {
   margin-left: #{10 / $base-font-size}rem;
 }

diff --git a/client/styles/components/_dashboard-header.scss b/client/styles/components/_dashboard-header.scss
@@ -62,16 +62,18 @@
   padding: 0 #{5 /$base-font-size}rem #{5 /$base-font-size}rem;
 }
 
-.dashboard-header__nav {
-}
-
 .dashboard-header__actions {
   display: flex;
   align-items: center;
   padding: #{24 / $base-font-size}rem 0;
   justify-content: space-between;
 }
 
+@media (max-width: 500px) {
+  .dashboard-header__actions {
+    flex-direction: column;
+  }
+}
 .dashboard-header__actions > *:not(:first-child) {
   margin-left: #{15 / $base-font-size}rem;
 }
diff --git a/client/styles/components/_quick-add.scss b/client/styles/components/_quick-add.scss
@@ -39,6 +39,7 @@
 
 .quick-add__item-name {
   flex: 1;
+  color: white;
 }
 
 .quick-add__icon {

diff --git a/client/styles/components/_sketch-list.scss b/client/styles/components/_sketch-list.scss
@@ -1,7 +1,7 @@
 .sketches-table-container {
   overflow-y: auto;
   max-width: 100%;
-  min-height: 100%;
+  height: 100vh;
 }
 
 .sketches-table {