Browse Source

improve on Dashboard note margin/padding, experiment with removing strict min width/height for the Dashboard

Artur Paikin 6 years ago
parent
commit
43dd901e50
1 changed files with 8 additions and 6 deletions
  1. 8 6
      packages/@uppy/dashboard/src/style.scss

+ 8 - 6
packages/@uppy/dashboard/src/style.scss

@@ -115,8 +115,8 @@
   background-color: $color-almost-white;
   max-width: 100%; /* no !important */
   max-height: 100%; /* no !important */
-  min-width: 290px;
-  min-height: 400px;
+  // min-width: 290px;
+  // min-height: 400px;
   outline: none;
   border: 1px solid rgba($color-gray, 0.2);
   border-radius: 5px;
@@ -216,7 +216,7 @@
 }
 
 .uppy-DashboarAddFiles-info {
-  padding-top: 30px;
+  padding-top: 15px;
   padding-bottom: 15px;
 
   .uppy-size--md & {
@@ -224,6 +224,7 @@
     bottom: 30px;
     left: 0;
     right: 0;
+    padding-top: 30px;
     padding-bottom: 0;
   }
 }
@@ -574,13 +575,14 @@
   line-height: 1.25;
   text-align: center;
   color: rgba($color-asphalt-gray, 0.8);
-  max-width: 80%;
+  max-width: 350px;
   margin: auto;
+  padding: 0 15px;
 
   .uppy-size--md & {
     font-size: 16px;
-    line-height: 1.3;
-    max-width: 90%;
+    line-height: 1.35;
+    max-width: 600px;
   }
 }