@semi-bot/semi-theme-fn-music 1.0.56 → 1.0.58
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +3 -3
- package/package.json +1 -1
- package/raw.json +39 -4
- package/scss/global.scss +6 -4
- package/scss/local.scss +15 -0
- package/semi.css +34 -32
- package/semi.min.css +1 -1
package/README.md
CHANGED
|
@@ -1,15 +1,15 @@
|
|
|
1
1
|
|
|
2
2
|
# @semi-bot/semi-theme-fn-music --- Semi Theme Generated By [Design System Management](https://semi.design/dsm/)
|
|
3
3
|
ID: 28921
|
|
4
|
-
Operator:
|
|
4
|
+
Operator: wuclily
|
|
5
5
|
|
|
6
6
|
## Compatibility
|
|
7
7
|
|
|
8
|
-
Compatible with Semi Foundation Version 2.
|
|
8
|
+
Compatible with Semi Foundation Version 2.101.0 or newer.
|
|
9
9
|
|
|
10
10
|
## Version Release Note
|
|
11
11
|
|
|
12
|
-
|
|
12
|
+
调整 Input 默认和 Hover 颜色，以及高度
|
|
13
13
|
|
|
14
14
|
|
|
15
15
|
## Manual
|
package/package.json
CHANGED
package/raw.json
CHANGED
|
@@ -477,7 +477,7 @@
|
|
|
477
477
|
"danger-light/--semi-color-danger-light-active": "rgba(var(--semi-red-5), 0.4)",
|
|
478
478
|
"primary-blue/--semi-color-primary-blue-active": "rgba(167,208,255, 1)",
|
|
479
479
|
"primary-pink/--semi-color-primary-pink-active": "rgba(var(--semi-pink-5),1)",
|
|
480
|
-
"progress-bar/--semi-color-progress-bar-buffer": "rgba(255,255,255,0.
|
|
480
|
+
"progress-bar/--semi-color-progress-bar-buffer": "rgba(255,255,255,0.04)",
|
|
481
481
|
"progress-bar/--semi-color-progress-bar-played": "rgba(255,255,255,1)",
|
|
482
482
|
"danger-light/--semi-color-danger-light-default": "rgba(var(--semi-red-5), 0.2)",
|
|
483
483
|
"primary-light/--semi-color-primary-light-hover": "rgba(var(--semi-brand-5), 0.3)",
|
|
@@ -512,7 +512,7 @@
|
|
|
512
512
|
"link/--semi-color-link": "rgba(var(--semi-blue-5), 1)",
|
|
513
513
|
"nav/--semi-color-nav-bg": "rgba(18,18,20,0)",
|
|
514
514
|
"pop/--semi-color-pop-bg": "rgba(255,255,255,0.9)",
|
|
515
|
-
"black/--semi-color-black": "rgba(
|
|
515
|
+
"black/--semi-color-black": "rgba(0,0,0, 1)",
|
|
516
516
|
"data/--semi-color-data-0": "rgba(87, 105, 255, 1)",
|
|
517
517
|
"data/--semi-color-data-1": "rgba(142, 212, 231, 1)",
|
|
518
518
|
"data/--semi-color-data-2": "rgba(245, 135, 0, 1)",
|
|
@@ -547,6 +547,8 @@
|
|
|
547
547
|
"nav/--semi-color-nav-hover": "rgba(18,18,20,0.06)",
|
|
548
548
|
"shadow/--semi-color-shadow": "rgba(var(--semi-black), 0.04)",
|
|
549
549
|
"tag/--semi-color-tag-hover": "rgba(18,18,20,0.12)",
|
|
550
|
+
"black/--semi-color-black-40": "rgba(0,0,0,0.4)",
|
|
551
|
+
"black/--semi-color-black-50": "rgba(0,0,0,0.5)",
|
|
550
552
|
"modal/--semi-color-modal-bg": "rgba(255,255,255,0.9)",
|
|
551
553
|
"nav/--semi-color-nav-active": "rgba(18,18,20,0.06)",
|
|
552
554
|
"pop/--semi-color-pop-border": "rgba(18,18,20,0.12)",
|
|
@@ -560,8 +562,8 @@
|
|
|
560
562
|
"info/--semi-color-info-active": "rgba(var(--semi-blue-7), 1)",
|
|
561
563
|
"link/--semi-color-link-active": "rgba(var(--semi-blue-7), 1)",
|
|
562
564
|
"tag/--semi-color-tag-disabled": "rgba(18,18,20,0.02)",
|
|
563
|
-
"divider/--semi-color-divider-0": "rgba(18,18,20,0.
|
|
564
|
-
"divider/--semi-color-divider-1": "rgba(18,18,20,0.
|
|
565
|
+
"divider/--semi-color-divider-0": "rgba(18,18,20,0.14)",
|
|
566
|
+
"divider/--semi-color-divider-1": "rgba(18,18,20,0.1)",
|
|
565
567
|
"divider/--semi-color-divider-2": "rgba(18,18,20,0.06)",
|
|
566
568
|
"input/--semi-color-input-hover": "rgba(18,18,18,0.1)",
|
|
567
569
|
"link/--semi-color-link-visited": "rgba(var(--semi-blue-5), 1)",
|
|
@@ -769,6 +771,17 @@
|
|
|
769
771
|
},
|
|
770
772
|
"components": {
|
|
771
773
|
"input": {
|
|
774
|
+
"color": {
|
|
775
|
+
"$color-input_default-bg-hover": "var(--semi-color-fill-0)",
|
|
776
|
+
"$color-input_default-bg-default": "var(--semi-color-fill-1)",
|
|
777
|
+
"$color-input_default-bg-focus-hover": "var(--semi-color-fill-0)"
|
|
778
|
+
},
|
|
779
|
+
"height": {
|
|
780
|
+
"$height-input_large": "40px",
|
|
781
|
+
"$height-input_small": "24px",
|
|
782
|
+
"$height-input_default": "36px",
|
|
783
|
+
"$height-input_wrapper_default": "36px"
|
|
784
|
+
},
|
|
772
785
|
"radius": {
|
|
773
786
|
"$radius-input_wrapper": "10px"
|
|
774
787
|
}
|
|
@@ -792,6 +805,28 @@
|
|
|
792
805
|
"spacing": {
|
|
793
806
|
"$spacing-button_iconOnly_content-marginLeft": "4px"
|
|
794
807
|
}
|
|
808
|
+
},
|
|
809
|
+
"select": {
|
|
810
|
+
"height": {
|
|
811
|
+
"$height-select_default": "36px"
|
|
812
|
+
},
|
|
813
|
+
"radius": {
|
|
814
|
+
"$radius-select": "10px",
|
|
815
|
+
"$radius-select_option": "10px"
|
|
816
|
+
},
|
|
817
|
+
"spacing": {
|
|
818
|
+
"$spacing-select_option_list-paddingLeft": "4px",
|
|
819
|
+
"$spacing-select_option_list-paddingRight": "4px"
|
|
820
|
+
}
|
|
821
|
+
},
|
|
822
|
+
"dropdown": {
|
|
823
|
+
"radius": {
|
|
824
|
+
"$radius-dropdown": "12px",
|
|
825
|
+
"$radius-dropdown_item": "4px"
|
|
826
|
+
},
|
|
827
|
+
"spacing": {
|
|
828
|
+
"$spacing-dropdown_menu-paddingX": "4px"
|
|
829
|
+
}
|
|
795
830
|
}
|
|
796
831
|
},
|
|
797
832
|
"typography": {
|
package/scss/global.scss
CHANGED
|
@@ -11,7 +11,7 @@ body, body[theme-mode="dark"] .semi-always-light, :host, :host .semi-always-ligh
|
|
|
11
11
|
--semi-color-link: rgba(var(--semi-blue-5), 1);
|
|
12
12
|
--semi-color-nav-bg: rgba(18,18,20,0);
|
|
13
13
|
--semi-color-pop-bg: rgba(255,255,255,0.9);
|
|
14
|
-
--semi-color-black: rgba(
|
|
14
|
+
--semi-color-black: rgba(0,0,0, 1);
|
|
15
15
|
--semi-color-data-0: rgba(87, 105, 255, 1);
|
|
16
16
|
--semi-color-data-1: rgba(142, 212, 231, 1);
|
|
17
17
|
--semi-color-data-2: rgba(245, 135, 0, 1);
|
|
@@ -46,6 +46,8 @@ body, body[theme-mode="dark"] .semi-always-light, :host, :host .semi-always-ligh
|
|
|
46
46
|
--semi-color-nav-hover: rgba(18,18,20,0.06);
|
|
47
47
|
--semi-color-shadow: rgba(var(--semi-black), 0.04);
|
|
48
48
|
--semi-color-tag-hover: rgba(18,18,20,0.12);
|
|
49
|
+
--semi-color-black-40: rgba(0,0,0,0.4);
|
|
50
|
+
--semi-color-black-50: rgba(0,0,0,0.5);
|
|
49
51
|
--semi-color-modal-bg: rgba(255,255,255,0.9);
|
|
50
52
|
--semi-color-nav-active: rgba(18,18,20,0.06);
|
|
51
53
|
--semi-color-pop-border: rgba(18,18,20,0.12);
|
|
@@ -59,8 +61,8 @@ body, body[theme-mode="dark"] .semi-always-light, :host, :host .semi-always-ligh
|
|
|
59
61
|
--semi-color-info-active: rgba(var(--semi-blue-7), 1);
|
|
60
62
|
--semi-color-link-active: rgba(var(--semi-blue-7), 1);
|
|
61
63
|
--semi-color-tag-disabled: rgba(18,18,20,0.02);
|
|
62
|
-
--semi-color-divider-0: rgba(18,18,20,0.
|
|
63
|
-
--semi-color-divider-1: rgba(18,18,20,0.
|
|
64
|
+
--semi-color-divider-0: rgba(18,18,20,0.14);
|
|
65
|
+
--semi-color-divider-1: rgba(18,18,20,0.1);
|
|
64
66
|
--semi-color-divider-2: rgba(18,18,20,0.06);
|
|
65
67
|
--semi-color-input-hover: rgba(18,18,18,0.1);
|
|
66
68
|
--semi-color-link-visited: rgba(var(--semi-blue-5), 1);
|
|
@@ -282,7 +284,7 @@ body[theme-mode="dark"], body .semi-always-dark, :host([theme-mode="dark"]), :ho
|
|
|
282
284
|
--semi-color-danger-light-active: rgba(var(--semi-red-5), 0.4);
|
|
283
285
|
--semi-color-primary-blue-active: rgba(167,208,255, 1);
|
|
284
286
|
--semi-color-primary-pink-active: rgba(var(--semi-pink-5),1);
|
|
285
|
-
--semi-color-progress-bar-buffer: rgba(255,255,255,0.
|
|
287
|
+
--semi-color-progress-bar-buffer: rgba(255,255,255,0.04);
|
|
286
288
|
--semi-color-progress-bar-played: rgba(255,255,255,1);
|
|
287
289
|
--semi-color-danger-light-default: rgba(var(--semi-red-5), 0.2);
|
|
288
290
|
--semi-color-primary-light-hover: rgba(var(--semi-brand-5), 0.3);
|
package/scss/local.scss
CHANGED
|
@@ -1,3 +1,10 @@
|
|
|
1
|
+
$color-input_default-bg-hover: var(--semi-color-fill-0);
|
|
2
|
+
$color-input_default-bg-default: var(--semi-color-fill-1);
|
|
3
|
+
$color-input_default-bg-focus-hover: var(--semi-color-fill-0);
|
|
4
|
+
$height-input_large: 40px;
|
|
5
|
+
$height-input_small: 24px;
|
|
6
|
+
$height-input_default: 36px;
|
|
7
|
+
$height-input_wrapper_default: 36px;
|
|
1
8
|
$radius-input_wrapper: 10px;
|
|
2
9
|
$color-modal-bg: var(--semi-color-modal-bg);
|
|
3
10
|
$color-modal_mask-bg: var(--semi-color-pop-mask);
|
|
@@ -5,3 +12,11 @@ $color-button_light-bg-default: var(--semi-color-fill-0);
|
|
|
5
12
|
$height-button_large: 44px;
|
|
6
13
|
$radius-button: 8px;
|
|
7
14
|
$spacing-button_iconOnly_content-marginLeft: 4px;
|
|
15
|
+
$height-select_default: 36px;
|
|
16
|
+
$radius-select: 10px;
|
|
17
|
+
$radius-select_option: 10px;
|
|
18
|
+
$spacing-select_option_list-paddingLeft: 4px;
|
|
19
|
+
$spacing-select_option_list-paddingRight: 4px;
|
|
20
|
+
$radius-dropdown: 12px;
|
|
21
|
+
$radius-dropdown_item: 4px;
|
|
22
|
+
$spacing-dropdown_menu-paddingX: 4px;
|
package/semi.css
CHANGED
|
@@ -361,7 +361,7 @@ body, body[theme-mode=dark] .semi-always-light, :host, :host .semi-always-light
|
|
|
361
361
|
--semi-color-link: rgba(var(--semi-blue-5), 1);
|
|
362
362
|
--semi-color-nav-bg: rgba(18,18,20,0);
|
|
363
363
|
--semi-color-pop-bg: rgba(255,255,255,0.9);
|
|
364
|
-
--semi-color-black: rgba(
|
|
364
|
+
--semi-color-black: rgba(0,0,0, 1);
|
|
365
365
|
--semi-color-data-0: rgba(87, 105, 255, 1);
|
|
366
366
|
--semi-color-data-1: rgba(142, 212, 231, 1);
|
|
367
367
|
--semi-color-data-2: rgba(245, 135, 0, 1);
|
|
@@ -396,6 +396,8 @@ body, body[theme-mode=dark] .semi-always-light, :host, :host .semi-always-light
|
|
|
396
396
|
--semi-color-nav-hover: rgba(18,18,20,0.06);
|
|
397
397
|
--semi-color-shadow: rgba(var(--semi-black), 0.04);
|
|
398
398
|
--semi-color-tag-hover: rgba(18,18,20,0.12);
|
|
399
|
+
--semi-color-black-40: rgba(0,0,0,0.4);
|
|
400
|
+
--semi-color-black-50: rgba(0,0,0,0.5);
|
|
399
401
|
--semi-color-modal-bg: rgba(255,255,255,0.9);
|
|
400
402
|
--semi-color-nav-active: rgba(18,18,20,0.06);
|
|
401
403
|
--semi-color-pop-border: rgba(18,18,20,0.12);
|
|
@@ -409,8 +411,8 @@ body, body[theme-mode=dark] .semi-always-light, :host, :host .semi-always-light
|
|
|
409
411
|
--semi-color-info-active: rgba(var(--semi-blue-7), 1);
|
|
410
412
|
--semi-color-link-active: rgba(var(--semi-blue-7), 1);
|
|
411
413
|
--semi-color-tag-disabled: rgba(18,18,20,0.02);
|
|
412
|
-
--semi-color-divider-0: rgba(18,18,20,0.
|
|
413
|
-
--semi-color-divider-1: rgba(18,18,20,0.
|
|
414
|
+
--semi-color-divider-0: rgba(18,18,20,0.14);
|
|
415
|
+
--semi-color-divider-1: rgba(18,18,20,0.1);
|
|
414
416
|
--semi-color-divider-2: rgba(18,18,20,0.06);
|
|
415
417
|
--semi-color-input-hover: rgba(18,18,18,0.1);
|
|
416
418
|
--semi-color-link-visited: rgba(var(--semi-blue-5), 1);
|
|
@@ -631,7 +633,7 @@ body[theme-mode=dark], body .semi-always-dark, :host([theme-mode=dark]), :host .
|
|
|
631
633
|
--semi-color-danger-light-active: rgba(var(--semi-red-5), 0.4);
|
|
632
634
|
--semi-color-primary-blue-active: rgba(167,208,255, 1);
|
|
633
635
|
--semi-color-primary-pink-active: rgba(var(--semi-pink-5),1);
|
|
634
|
-
--semi-color-progress-bar-buffer: rgba(255,255,255,0.
|
|
636
|
+
--semi-color-progress-bar-buffer: rgba(255,255,255,0.04);
|
|
635
637
|
--semi-color-progress-bar-played: rgba(255,255,255,1);
|
|
636
638
|
--semi-color-danger-light-default: rgba(var(--semi-red-5), 0.2);
|
|
637
639
|
--semi-color-primary-light-hover: rgba(var(--semi-brand-5), 0.3);
|
|
@@ -8354,7 +8356,7 @@ body, :host {
|
|
|
8354
8356
|
box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.3), 0px 4px 14px 0px rgba(0, 0, 0, 0.1);
|
|
8355
8357
|
position: relative;
|
|
8356
8358
|
z-index: 1050;
|
|
8357
|
-
border-radius:
|
|
8359
|
+
border-radius: 12px;
|
|
8358
8360
|
background: var(--semi-color-bg-3);
|
|
8359
8361
|
backdrop-filter: none;
|
|
8360
8362
|
opacity: 0;
|
|
@@ -8367,7 +8369,7 @@ body, :host {
|
|
|
8367
8369
|
}
|
|
8368
8370
|
.semi-dropdown-menu {
|
|
8369
8371
|
list-style: none;
|
|
8370
|
-
padding: 4px
|
|
8372
|
+
padding: 4px 4px;
|
|
8371
8373
|
margin: 0;
|
|
8372
8374
|
}
|
|
8373
8375
|
.semi-dropdown-title {
|
|
@@ -8391,7 +8393,7 @@ body, :host {
|
|
|
8391
8393
|
display: flex;
|
|
8392
8394
|
align-items: center;
|
|
8393
8395
|
transition: background-color var(--semi-transition_duration-none) var(--semi-transition_function-easeOut) 0ms;
|
|
8394
|
-
border-radius:
|
|
8396
|
+
border-radius: 4px;
|
|
8395
8397
|
}
|
|
8396
8398
|
.semi-dropdown-item-hover {
|
|
8397
8399
|
background-color: var(--semi-color-fill-0);
|
|
@@ -14664,7 +14666,7 @@ img[src=""], img:not([src]) {
|
|
|
14664
14666
|
font-size: 14px;
|
|
14665
14667
|
font-family: Montserrat, Helvetica, "Helvetica Neue", "PingFang SC", -apple-system, BlinkMacSystemFont, "Segoe UI", "Hiragino Sans GB", "Microsoft YaHei", Arial, sans-serif, "Inter";
|
|
14666
14668
|
line-height: 20px;
|
|
14667
|
-
background-color: var(--semi-color-fill-
|
|
14669
|
+
background-color: var(--semi-color-fill-1);
|
|
14668
14670
|
border: 1px transparent solid;
|
|
14669
14671
|
border-radius: 10px;
|
|
14670
14672
|
width: 100%;
|
|
@@ -14676,28 +14678,28 @@ img[src=""], img:not([src]) {
|
|
|
14676
14678
|
transform: scale(var(--semi-transform_scale-none));
|
|
14677
14679
|
}
|
|
14678
14680
|
.semi-input-wrapper-default {
|
|
14679
|
-
height:
|
|
14681
|
+
height: 36px;
|
|
14680
14682
|
font-size: 14px;
|
|
14681
14683
|
font-family: Montserrat, Helvetica, "Helvetica Neue", "PingFang SC", -apple-system, BlinkMacSystemFont, "Segoe UI", "Hiragino Sans GB", "Microsoft YaHei", Arial, sans-serif, "Inter";
|
|
14682
14684
|
line-height: 20px;
|
|
14683
|
-
line-height:
|
|
14685
|
+
line-height: 36px;
|
|
14684
14686
|
}
|
|
14685
14687
|
.semi-input-wrapper-small {
|
|
14686
14688
|
height: 24px;
|
|
14687
14689
|
font-size: 14px;
|
|
14688
14690
|
font-family: Montserrat, Helvetica, "Helvetica Neue", "PingFang SC", -apple-system, BlinkMacSystemFont, "Segoe UI", "Hiragino Sans GB", "Microsoft YaHei", Arial, sans-serif, "Inter";
|
|
14689
14691
|
line-height: 20px;
|
|
14690
|
-
line-height:
|
|
14692
|
+
line-height: 24px;
|
|
14691
14693
|
}
|
|
14692
14694
|
.semi-input-wrapper-large {
|
|
14693
14695
|
height: 40px;
|
|
14694
14696
|
font-size: 16px;
|
|
14695
14697
|
font-family: Montserrat, Helvetica, "Helvetica Neue", "PingFang SC", -apple-system, BlinkMacSystemFont, "Segoe UI", "Hiragino Sans GB", "Microsoft YaHei", Arial, sans-serif, "Inter";
|
|
14696
14698
|
line-height: 22px;
|
|
14697
|
-
line-height:
|
|
14699
|
+
line-height: 40px;
|
|
14698
14700
|
}
|
|
14699
14701
|
.semi-input-wrapper:hover {
|
|
14700
|
-
background-color: var(--semi-color-fill-
|
|
14702
|
+
background-color: var(--semi-color-fill-0);
|
|
14701
14703
|
border-color: transparent;
|
|
14702
14704
|
}
|
|
14703
14705
|
.semi-input-wrapper-focus {
|
|
@@ -14827,14 +14829,14 @@ img[src=""], img:not([src]) {
|
|
|
14827
14829
|
background-color: transparent;
|
|
14828
14830
|
}
|
|
14829
14831
|
.semi-input-wrapper.semi-input-wrapper__with-prepend .semi-input, .semi-input-wrapper.semi-input-wrapper__with-append .semi-input {
|
|
14830
|
-
background-color: var(--semi-color-fill-
|
|
14832
|
+
background-color: var(--semi-color-fill-1);
|
|
14831
14833
|
border: 1px transparent solid;
|
|
14832
14834
|
}
|
|
14833
14835
|
.semi-input-wrapper.semi-input-wrapper__with-prepend .semi-input:hover, .semi-input-wrapper.semi-input-wrapper__with-append .semi-input:hover {
|
|
14834
|
-
background-color: var(--semi-color-fill-
|
|
14836
|
+
background-color: var(--semi-color-fill-0);
|
|
14835
14837
|
}
|
|
14836
14838
|
.semi-input-wrapper.semi-input-wrapper__with-prepend .semi-input:hover + .semi-input-clearbtn, .semi-input-wrapper.semi-input-wrapper__with-prepend .semi-input:hover ~ .semi-input-modebtn, .semi-input-wrapper.semi-input-wrapper__with-append .semi-input:hover + .semi-input-clearbtn, .semi-input-wrapper.semi-input-wrapper__with-append .semi-input:hover ~ .semi-input-modebtn {
|
|
14837
|
-
background-color: var(--semi-color-fill-
|
|
14839
|
+
background-color: var(--semi-color-fill-0);
|
|
14838
14840
|
}
|
|
14839
14841
|
.semi-input-wrapper.semi-input-wrapper__with-prepend .semi-input:focus, .semi-input-wrapper.semi-input-wrapper__with-append .semi-input:focus {
|
|
14840
14842
|
border: 1px var(--semi-color-focus-border) solid;
|
|
@@ -14873,7 +14875,7 @@ img[src=""], img:not([src]) {
|
|
|
14873
14875
|
background-color: var(--semi-color-fill-2);
|
|
14874
14876
|
}
|
|
14875
14877
|
.semi-input-wrapper.semi-input-wrapper__with-prepend .semi-input-clearbtn, .semi-input-wrapper.semi-input-wrapper__with-prepend .semi-input-modebtn, .semi-input-wrapper.semi-input-wrapper__with-prepend .semi-input-clearbtn:hover, .semi-input-wrapper.semi-input-wrapper__with-prepend .semi-input-modebtn:hover, .semi-input-wrapper.semi-input-wrapper__with-append .semi-input-clearbtn, .semi-input-wrapper.semi-input-wrapper__with-append .semi-input-modebtn, .semi-input-wrapper.semi-input-wrapper__with-append .semi-input-clearbtn:hover, .semi-input-wrapper.semi-input-wrapper__with-append .semi-input-modebtn:hover {
|
|
14876
|
-
background-color: var(--semi-color-fill-
|
|
14878
|
+
background-color: var(--semi-color-fill-1);
|
|
14877
14879
|
}
|
|
14878
14880
|
.semi-input-wrapper.semi-input-wrapper__with-prepend .semi-input-clearbtn:last-child, .semi-input-wrapper.semi-input-wrapper__with-prepend .semi-input-modebtn:last-child, .semi-input-wrapper.semi-input-wrapper__with-prepend .semi-input-clearbtn:hover:last-child, .semi-input-wrapper.semi-input-wrapper__with-prepend .semi-input-modebtn:hover:last-child, .semi-input-wrapper.semi-input-wrapper__with-append .semi-input-clearbtn:last-child, .semi-input-wrapper.semi-input-wrapper__with-append .semi-input-modebtn:last-child, .semi-input-wrapper.semi-input-wrapper__with-append .semi-input-clearbtn:hover:last-child, .semi-input-wrapper.semi-input-wrapper__with-append .semi-input-modebtn:hover:last-child {
|
|
14879
14881
|
border-radius: 0 10px 10px 0;
|
|
@@ -14988,25 +14990,25 @@ img[src=""], img:not([src]) {
|
|
|
14988
14990
|
color: var(--semi-color-text-2);
|
|
14989
14991
|
}
|
|
14990
14992
|
.semi-input-large {
|
|
14991
|
-
height:
|
|
14993
|
+
height: 40px;
|
|
14992
14994
|
font-size: 16px;
|
|
14993
14995
|
font-family: Montserrat, Helvetica, "Helvetica Neue", "PingFang SC", -apple-system, BlinkMacSystemFont, "Segoe UI", "Hiragino Sans GB", "Microsoft YaHei", Arial, sans-serif, "Inter";
|
|
14994
14996
|
line-height: 22px;
|
|
14995
|
-
line-height:
|
|
14997
|
+
line-height: 40px;
|
|
14996
14998
|
}
|
|
14997
14999
|
.semi-input-small {
|
|
14998
|
-
height:
|
|
15000
|
+
height: 24px;
|
|
14999
15001
|
font-size: 14px;
|
|
15000
15002
|
font-family: Montserrat, Helvetica, "Helvetica Neue", "PingFang SC", -apple-system, BlinkMacSystemFont, "Segoe UI", "Hiragino Sans GB", "Microsoft YaHei", Arial, sans-serif, "Inter";
|
|
15001
15003
|
line-height: 20px;
|
|
15002
|
-
line-height:
|
|
15004
|
+
line-height: 24px;
|
|
15003
15005
|
}
|
|
15004
15006
|
.semi-input-default {
|
|
15005
|
-
height:
|
|
15007
|
+
height: 36px;
|
|
15006
15008
|
font-size: 14px;
|
|
15007
15009
|
font-family: Montserrat, Helvetica, "Helvetica Neue", "PingFang SC", -apple-system, BlinkMacSystemFont, "Segoe UI", "Hiragino Sans GB", "Microsoft YaHei", Arial, sans-serif, "Inter";
|
|
15008
15010
|
line-height: 20px;
|
|
15009
|
-
line-height:
|
|
15011
|
+
line-height: 36px;
|
|
15010
15012
|
}
|
|
15011
15013
|
.semi-input-disabled {
|
|
15012
15014
|
cursor: not-allowed;
|
|
@@ -15059,7 +15061,7 @@ img[src=""], img:not([src]) {
|
|
|
15059
15061
|
height: 100%;
|
|
15060
15062
|
display: flex;
|
|
15061
15063
|
align-items: center;
|
|
15062
|
-
background-color: var(--semi-color-fill-
|
|
15064
|
+
background-color: var(--semi-color-fill-1);
|
|
15063
15065
|
color: var(--semi-color-text-2);
|
|
15064
15066
|
font-size: 14px;
|
|
15065
15067
|
font-family: Montserrat, Helvetica, "Helvetica Neue", "PingFang SC", -apple-system, BlinkMacSystemFont, "Segoe UI", "Hiragino Sans GB", "Microsoft YaHei", Arial, sans-serif, "Inter";
|
|
@@ -18541,7 +18543,7 @@ img[src=""], img:not([src]) {
|
|
|
18541
18543
|
padding-top: 8px;
|
|
18542
18544
|
padding-bottom: 8px;
|
|
18543
18545
|
color: var(--semi-color-text-0);
|
|
18544
|
-
border-radius:
|
|
18546
|
+
border-radius: 10px;
|
|
18545
18547
|
position: relative;
|
|
18546
18548
|
display: flex;
|
|
18547
18549
|
flex-wrap: nowrap;
|
|
@@ -18602,9 +18604,9 @@ img[src=""], img:not([src]) {
|
|
|
18602
18604
|
|
|
18603
18605
|
.semi-select {
|
|
18604
18606
|
box-sizing: border-box;
|
|
18605
|
-
border-radius:
|
|
18607
|
+
border-radius: 10px;
|
|
18606
18608
|
border: 1px solid transparent;
|
|
18607
|
-
height:
|
|
18609
|
+
height: 36px;
|
|
18608
18610
|
font-weight: 400;
|
|
18609
18611
|
background-color: var(--semi-color-fill-0);
|
|
18610
18612
|
display: inline-flex;
|
|
@@ -18788,7 +18790,7 @@ img[src=""], img:not([src]) {
|
|
|
18788
18790
|
}
|
|
18789
18791
|
.semi-select-multiple .semi-select-content-wrapper {
|
|
18790
18792
|
width: 100%;
|
|
18791
|
-
min-height:
|
|
18793
|
+
min-height: 34px;
|
|
18792
18794
|
flex-wrap: wrap;
|
|
18793
18795
|
}
|
|
18794
18796
|
.semi-select-multiple .semi-select-content-wrapper-empty {
|
|
@@ -18963,8 +18965,8 @@ img[src=""], img:not([src]) {
|
|
|
18963
18965
|
.semi-select-option-list-wrapper {
|
|
18964
18966
|
padding-top: 4px;
|
|
18965
18967
|
padding-bottom: 4px;
|
|
18966
|
-
padding-left:
|
|
18967
|
-
padding-right:
|
|
18968
|
+
padding-left: 4px;
|
|
18969
|
+
padding-right: 4px;
|
|
18968
18970
|
}
|
|
18969
18971
|
|
|
18970
18972
|
.semi-select-option-list {
|
|
@@ -26775,7 +26777,7 @@ p.semi-typography-extended,
|
|
|
26775
26777
|
border: 1px transparent solid;
|
|
26776
26778
|
border-radius: 10px;
|
|
26777
26779
|
vertical-align: bottom;
|
|
26778
|
-
background-color: var(--semi-color-fill-
|
|
26780
|
+
background-color: var(--semi-color-fill-1);
|
|
26779
26781
|
transition: background-color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none), border var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none);
|
|
26780
26782
|
}
|
|
26781
26783
|
.semi-input-textarea-wrapper-resizeX {
|
|
@@ -26784,7 +26786,7 @@ p.semi-typography-extended,
|
|
|
26784
26786
|
max-width: 100%;
|
|
26785
26787
|
}
|
|
26786
26788
|
.semi-input-textarea-wrapper:hover {
|
|
26787
|
-
background-color: var(--semi-color-fill-
|
|
26789
|
+
background-color: var(--semi-color-fill-0);
|
|
26788
26790
|
}
|
|
26789
26791
|
.semi-input-textarea-wrapper-focus {
|
|
26790
26792
|
background-color: var(--semi-color-fill-0);
|