Sfoglia il codice sorgente

Improve styles, set font-weight to 400/500

Artur Paikin 7 anni fa
parent
commit
0337b09385

+ 4 - 7
src/scss/_common.scss

@@ -5,13 +5,10 @@
 .uppy-Root {
   all: initial;
   box-sizing: border-box;
-  font-family: -apple-system, BlinkMacSystemFont,
-    'avenir next', avenir,
-    helvetica, 'helvetica neue',
-    ubuntu, roboto, noto,
-    'segoe ui', arial, sans-serif;
+  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, 
+    Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
   line-height: 1;
-  // -webkit-font-smoothing: antialiased;
+  -webkit-font-smoothing: antialiased;
 }
 
 .uppy-Root *, .uppy-Root *:before, .uppy-Root *:after {
@@ -201,7 +198,7 @@
   font-family: inherit;
   font-size: 16px;
   line-height: 1;
-  font-weight: 300;
+  font-weight: 500;
   transition: all 0.3s;
   user-select: none;
 }

+ 3 - 3
src/scss/_dashboard.scss

@@ -215,7 +215,7 @@
   font-size: 8px;
   margin-top: 5px;
   margin-bottom: 0;
-  font-weight: normal;
+  font-weight: 500;
   overflow-x: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
@@ -298,7 +298,7 @@
   // left: 15px;
   font-size: 14px;
   // line-height: 40px;
-  font-weight: 400;
+  font-weight: 500;
   cursor: pointer;
   color: $color-cornflower-blue;
 
@@ -462,7 +462,7 @@
   text-align: center;
   font-size: 18px;
   line-height: 1.45;
-  font-weight: 300;
+  font-weight: 400;
   color: rgba($color-asphalt-gray, 0.8);
   padding: 0 15px;
   // margin: 0;

+ 1 - 1
src/scss/_provider.scss

@@ -18,7 +18,7 @@
 .uppy-Provider-authTitle {
   font-size: 20px;
   line-height: 1.4;
-  font-weight: 300;
+  font-weight: 400;
   margin-bottom: 30px;
   padding: 0 15px;
   max-width: 500px;

+ 2 - 2
src/scss/_statusbar.scss

@@ -1,8 +1,8 @@
 .uppy-StatusBar {
   display: flex;
   position: relative;
-  height: 35px;
-  line-height: 35px;
+  height: 40px;
+  line-height: 40px;
   font-size: 12px;
   font-weight: 400;
   color: $color-white;

+ 2 - 1
src/scss/_webcam.scss

@@ -89,12 +89,13 @@
 .uppy-Webcam-Title {
   font-size: 22px;
   line-height: 1.35;
-  font-weight: 300;
+  font-weight: 400;
   margin: 0;
   margin-bottom: 15px;
   padding: 0 15px;
   max-width: 500px;
   text-align: center;
+  color: $color-black;
 }
 
 .uppy-Webcam-permissons p {