Merge pull request #512 from Mishkoo93/Mishkoo93-patch-1

style: input border radius + sidebar wide
mengxiong10 · Sep 4, 2020 · b0ff9d2 · b0ff9d2
2 parents 562aca2 + f5bb5a3
commit b0ff9d2
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 3 deletions.
diff --git a/src/style/index.scss b/src/style/index.scss
@@ -52,7 +52,7 @@
   color: $input-color;
   background-color: #fff;
   border: 1px solid $input-border-color;
-  border-radius: 4px;
+  border-radius: $input-border-radius;
   box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
 
   &:hover,
@@ -111,13 +111,13 @@
 .#{$namespace}-datepicker-sidebar {
   float: left;
   box-sizing: border-box;
-  width: 100px;
+  width: $sidebar-margin-left;
   padding: 6px;
   overflow: auto;
 }
 
 .#{$namespace}-datepicker-sidebar + .#{$namespace}-datepicker-content {
-  margin-left: 100px;
+  margin-left: $sidebar-margin-left;
   border-left: 1px solid $border-color;
 }
 

diff --git a/src/style/var.scss b/src/style/var.scss
@@ -30,3 +30,6 @@ $time-active-background-color: transparent !default;
 
 $time-hover-color: $default-color !default;
 $time-hover-background-color: mix(#fff, $calendar-active-background-color, 95%) !default;
+
+$input-border-radius: 4px !default;
+$sidebar-margin-left: 100px !default;