Browse Source

add min-height: 300px to prevent Dashboard from collapsing on smaller screens, also make file icon smaller on small screens

Artur Paikin 8 years ago
parent
commit
092bf4f57a
1 changed files with 6 additions and 5 deletions
  1. 6 5
      src/scss/_dashboard.scss

+ 6 - 5
src/scss/_dashboard.scss

@@ -50,6 +50,7 @@
   flex-direction: column;
   height: 100%;
   overflow: hidden;
+  min-height: 300px;
 }
 
 .UppyDashboard--semiTransparent .UppyDashboard-inner {
@@ -385,17 +386,17 @@
   opacity: 0.7;
   transition: all 0.3s;
   padding: 0 20px;
-
-  // .UppyDashboard--wide & {
-  //   max-width: 330px;
-  // }
 }
 
 .UppyDashboard-bgIcon .UppyIcon {
   width: 100%;
-  height: 110px;
+  height: 80px;
   fill: none;
   stroke: $color-asphalt-gray;
+
+  .UppyDashboard--wide & {
+    height: 110px;
+  }
 }
 
 .UppyDashboard.drag .UppyDashboard-bgIcon {