urfu-ui-kit-vanilla 1.0.41 → 1.0.43
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/package.json +9 -4
- package/src/main.css +289 -5
package/package.json
CHANGED
|
@@ -3,10 +3,10 @@
|
|
|
3
3
|
"description": "UrFU UI-Kit for Vanilla Web",
|
|
4
4
|
"license": "UNLICENSED",
|
|
5
5
|
"private": false,
|
|
6
|
-
"version": "1.0.
|
|
6
|
+
"version": "1.0.43",
|
|
7
7
|
"type": "module",
|
|
8
8
|
"scripts": {
|
|
9
|
-
"start": "vite
|
|
9
|
+
"start": "vite",
|
|
10
10
|
"build": "vite build",
|
|
11
11
|
"preview": "vite preview"
|
|
12
12
|
},
|
|
@@ -17,7 +17,12 @@
|
|
|
17
17
|
"vite": "^4.2.0"
|
|
18
18
|
},
|
|
19
19
|
"dependencies": {
|
|
20
|
-
"air-datepicker": "^3.3.5"
|
|
20
|
+
"air-datepicker": "^3.3.5",
|
|
21
|
+
"chart.js": "^4.4.0"
|
|
21
22
|
},
|
|
22
|
-
"files": [
|
|
23
|
+
"files": [
|
|
24
|
+
"src/main.css",
|
|
25
|
+
"src/ui-icons.css",
|
|
26
|
+
"src/fonts/*"
|
|
27
|
+
]
|
|
23
28
|
}
|
package/src/main.css
CHANGED
|
@@ -1,5 +1,26 @@
|
|
|
1
1
|
@import "ui-icons.css";
|
|
2
2
|
@import "ui-icons.css";
|
|
3
|
+
@font-face {
|
|
4
|
+
font-family: 'Montserrat';
|
|
5
|
+
font-style: normal;
|
|
6
|
+
font-weight: 400;
|
|
7
|
+
font-display: swap;
|
|
8
|
+
src: url(https://fonts.gstatic.com/s/montserrat/v26/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCtr6Ew-.ttf) format('truetype');
|
|
9
|
+
}
|
|
10
|
+
@font-face {
|
|
11
|
+
font-family: 'Montserrat';
|
|
12
|
+
font-style: normal;
|
|
13
|
+
font-weight: 600;
|
|
14
|
+
font-display: swap;
|
|
15
|
+
src: url(https://fonts.gstatic.com/s/montserrat/v26/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCu170w-.ttf) format('truetype');
|
|
16
|
+
}
|
|
17
|
+
@font-face {
|
|
18
|
+
font-family: 'Montserrat';
|
|
19
|
+
font-style: normal;
|
|
20
|
+
font-weight: 700;
|
|
21
|
+
font-display: swap;
|
|
22
|
+
src: url(https://fonts.gstatic.com/s/montserrat/v26/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCuM70w-.ttf) format('truetype');
|
|
23
|
+
}
|
|
3
24
|
* {
|
|
4
25
|
box-sizing: border-box;
|
|
5
26
|
}
|
|
@@ -878,6 +899,232 @@ button {
|
|
|
878
899
|
.u-multiselectbox-option:hover {
|
|
879
900
|
background-color: #E7F2FF;
|
|
880
901
|
}
|
|
902
|
+
.u-multiselectbox-simple {
|
|
903
|
+
position: relative;
|
|
904
|
+
}
|
|
905
|
+
.u-multiselectbox-simple-select {
|
|
906
|
+
cursor: pointer;
|
|
907
|
+
max-height: 132px;
|
|
908
|
+
overflow: auto;
|
|
909
|
+
height: 48px;
|
|
910
|
+
padding: 14px 16px;
|
|
911
|
+
border-radius: 10px;
|
|
912
|
+
font-weight: 400;
|
|
913
|
+
font-size: 14px;
|
|
914
|
+
line-height: 20px;
|
|
915
|
+
color: #222222;
|
|
916
|
+
background-color: #FFFFFF;
|
|
917
|
+
width: 100%;
|
|
918
|
+
transition-property: color, background-color, border-color, background-image;
|
|
919
|
+
transition-duration: 0.15s;
|
|
920
|
+
transition-timing-function: ease-in-out;
|
|
921
|
+
border: 1px solid #D3D3D3;
|
|
922
|
+
position: relative;
|
|
923
|
+
padding: 8px 16px 7px 16px;
|
|
924
|
+
display: flex;
|
|
925
|
+
flex-wrap: wrap;
|
|
926
|
+
min-height: 48px;
|
|
927
|
+
height: 100%;
|
|
928
|
+
grid-row-gap: 8px;
|
|
929
|
+
grid-column-gap: 4px;
|
|
930
|
+
padding-right: 75px;
|
|
931
|
+
z-index: 100 !important;
|
|
932
|
+
}
|
|
933
|
+
.u-multiselectbox-simple-select:hover,
|
|
934
|
+
.u-multiselectbox-simple-select.active {
|
|
935
|
+
border: 1px solid #748AB9;
|
|
936
|
+
}
|
|
937
|
+
.u-multiselectbox-simple-select:focus {
|
|
938
|
+
outline: 0;
|
|
939
|
+
border: 1px solid #748AB9;
|
|
940
|
+
}
|
|
941
|
+
.u-multiselectbox-simple-select:disabled,
|
|
942
|
+
.u-multiselectbox-simple-select.disabled {
|
|
943
|
+
cursor: not-allowed;
|
|
944
|
+
border: none;
|
|
945
|
+
background-color: #F6F6F6;
|
|
946
|
+
}
|
|
947
|
+
.u-multiselectbox-simple-select::placeholder {
|
|
948
|
+
/* Chrome, Firefox, Opera, Safari 10.1+ */
|
|
949
|
+
color: #A7A7A7;
|
|
950
|
+
opacity: 1;
|
|
951
|
+
/* Firefox */
|
|
952
|
+
}
|
|
953
|
+
.u-multiselectbox-simple-select:-ms-input-placeholder {
|
|
954
|
+
/* Internet Explorer 10-11 */
|
|
955
|
+
color: #A7A7A7;
|
|
956
|
+
}
|
|
957
|
+
.u-multiselectbox-simple-select::-ms-input-placeholder {
|
|
958
|
+
/* Microsoft Edge */
|
|
959
|
+
color: #A7A7A7;
|
|
960
|
+
}
|
|
961
|
+
.u-multiselectbox-simple-select[type="number"] {
|
|
962
|
+
display: block;
|
|
963
|
+
box-sizing: border-box;
|
|
964
|
+
-moz-appearance: textfield;
|
|
965
|
+
-webkit-appearance: textfield;
|
|
966
|
+
appearance: textfield;
|
|
967
|
+
}
|
|
968
|
+
.u-multiselectbox-simple-select[type="number"]::-webkit-outer-spin-button,
|
|
969
|
+
.u-multiselectbox-simple-select[type="number"]::-webkit-inner-spin-button {
|
|
970
|
+
display: none;
|
|
971
|
+
}
|
|
972
|
+
.u-multiselectbox-simple-select[type="search"]::-webkit-search-cancel-button {
|
|
973
|
+
transition-property: color, background-color, border-color, background-image;
|
|
974
|
+
transition-duration: 0.15s;
|
|
975
|
+
transition-timing-function: ease-in-out;
|
|
976
|
+
cursor: pointer;
|
|
977
|
+
-webkit-appearance: none;
|
|
978
|
+
width: 12px;
|
|
979
|
+
height: 12px;
|
|
980
|
+
margin-left: 10px;
|
|
981
|
+
background-image: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.3386 0.661444C11.7039 1.02675 11.7039 1.61903 11.3386 1.98433L1.98434 11.3386C1.61904 11.7039 1.02676 11.7039 0.661455 11.3386C0.29615 10.9733 0.296149 10.381 0.661454 10.0157L10.0157 0.661444C10.381 0.296138 10.9733 0.296138 11.3386 0.661444Z' fill='%23A7A7A7'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.661432 0.661444C1.02674 0.296138 1.61901 0.296138 1.98432 0.661444L11.3385 10.0157C11.7039 10.381 11.7038 10.9733 11.3385 11.3386C10.9732 11.7039 10.381 11.7039 10.0157 11.3386L0.661432 1.98433C0.296127 1.61903 0.296127 1.02675 0.661432 0.661444Z' fill='%23A7A7A7'/%3E%3C/svg%3E ");
|
|
982
|
+
background-repeat: no-repeat;
|
|
983
|
+
}
|
|
984
|
+
.u-multiselectbox-simple-select[type="search"]::-webkit-search-cancel-button:hover {
|
|
985
|
+
background-image: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.3386 0.661444C11.7039 1.02675 11.7039 1.61903 11.3386 1.98433L1.98434 11.3386C1.61904 11.7039 1.02676 11.7039 0.661455 11.3386C0.29615 10.9733 0.296149 10.381 0.661454 10.0157L10.0157 0.661444C10.381 0.296138 10.9733 0.296138 11.3386 0.661444Z' fill='%231E4391'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.661432 0.661444C1.02674 0.296138 1.61901 0.296138 1.98432 0.661444L11.3385 10.0157C11.7039 10.381 11.7038 10.9733 11.3385 11.3386C10.9732 11.7039 10.381 11.7039 10.0157 11.3386L0.661432 1.98433C0.296127 1.61903 0.296127 1.02675 0.661432 0.661444Z' fill='%231E4391'/%3E%3C/svg%3E ");
|
|
986
|
+
}
|
|
987
|
+
.u-multiselectbox-simple-select-required {
|
|
988
|
+
height: 48px;
|
|
989
|
+
padding: 14px 16px;
|
|
990
|
+
border-radius: 10px;
|
|
991
|
+
font-weight: 400;
|
|
992
|
+
font-size: 14px;
|
|
993
|
+
line-height: 20px;
|
|
994
|
+
color: #222222;
|
|
995
|
+
background-color: #FFFFFF;
|
|
996
|
+
width: 100%;
|
|
997
|
+
transition-property: color, background-color, border-color, background-image;
|
|
998
|
+
transition-duration: 0.15s;
|
|
999
|
+
transition-timing-function: ease-in-out;
|
|
1000
|
+
border: 1px solid #EF302B;
|
|
1001
|
+
}
|
|
1002
|
+
.u-multiselectbox-simple-select-required:hover,
|
|
1003
|
+
.u-multiselectbox-simple-select-required.active {
|
|
1004
|
+
border: 1px solid #748AB9;
|
|
1005
|
+
}
|
|
1006
|
+
.u-multiselectbox-simple-select-required:focus {
|
|
1007
|
+
outline: 0;
|
|
1008
|
+
border: 1px solid #748AB9;
|
|
1009
|
+
}
|
|
1010
|
+
.u-multiselectbox-simple-select-required::placeholder {
|
|
1011
|
+
/* Chrome, Firefox, Opera, Safari 10.1+ */
|
|
1012
|
+
color: #A7A7A7;
|
|
1013
|
+
opacity: 1;
|
|
1014
|
+
/* Firefox */
|
|
1015
|
+
}
|
|
1016
|
+
.u-multiselectbox-simple-select-required:-ms-input-placeholder {
|
|
1017
|
+
/* Internet Explorer 10-11 */
|
|
1018
|
+
color: #A7A7A7;
|
|
1019
|
+
}
|
|
1020
|
+
.u-multiselectbox-simple-select-required::-ms-input-placeholder {
|
|
1021
|
+
/* Microsoft Edge */
|
|
1022
|
+
color: #A7A7A7;
|
|
1023
|
+
}
|
|
1024
|
+
.u-multiselectbox-simple-select-label {
|
|
1025
|
+
margin: auto 0;
|
|
1026
|
+
}
|
|
1027
|
+
.u-multiselectbox-simple-select-open {
|
|
1028
|
+
border: 1px solid #748AB9;
|
|
1029
|
+
}
|
|
1030
|
+
.u-multiselectbox-simple-select-open ~ .u-multiselectbox-simple-select-icon-arrow {
|
|
1031
|
+
background-image: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.7071 10.3819C11.3166 10.7724 10.6834 10.7724 10.2929 10.3819L5.99999 6.08902L1.70711 10.3819C1.31658 10.7724 0.683418 10.7724 0.292894 10.3819C-0.0976305 9.99139 -0.0976315 9.35822 0.292892 8.9677L5.29288 3.9677C5.48042 3.78016 5.73477 3.67481 5.99999 3.6748C6.26521 3.6748 6.51956 3.78016 6.7071 3.9677L11.7071 8.9677C12.0976 9.35822 12.0976 9.99139 11.7071 10.3819Z' fill='%231E4391'/%3E%3C/svg%3E ");
|
|
1032
|
+
}
|
|
1033
|
+
.u-multiselectbox-simple-select-open ~ .u-multiselectbox-simple-options {
|
|
1034
|
+
display: block;
|
|
1035
|
+
}
|
|
1036
|
+
.u-multiselectbox-simple-select-icon-arrow {
|
|
1037
|
+
cursor: pointer;
|
|
1038
|
+
position: absolute;
|
|
1039
|
+
display: block;
|
|
1040
|
+
z-index: 101;
|
|
1041
|
+
background-image: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.292892 4.29289C0.683416 3.90237 1.31658 3.90237 1.70711 4.29289L6.00001 8.58579L10.2929 4.29289C10.6834 3.90237 11.3166 3.90237 11.7071 4.29289C12.0976 4.68342 12.0976 5.31658 11.7071 5.70711L6.70712 10.7071C6.51958 10.8946 6.26523 11 6.00001 11C5.73479 11 5.48044 10.8946 5.2929 10.7071L0.292894 5.70711C-0.0976308 5.31658 -0.0976314 4.68342 0.292892 4.29289Z' fill='%231E4391'/%3E%3C/svg%3E ");
|
|
1042
|
+
background-repeat: no-repeat;
|
|
1043
|
+
width: 12px;
|
|
1044
|
+
height: 12px;
|
|
1045
|
+
right: 20px;
|
|
1046
|
+
top: 18px;
|
|
1047
|
+
}
|
|
1048
|
+
.u-multiselectbox-simple-select-icon-cross {
|
|
1049
|
+
cursor: pointer;
|
|
1050
|
+
position: absolute;
|
|
1051
|
+
display: block;
|
|
1052
|
+
z-index: 101;
|
|
1053
|
+
background-image: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.3386 0.661444C11.7039 1.02675 11.7039 1.61903 11.3386 1.98433L1.98434 11.3386C1.61904 11.7039 1.02676 11.7039 0.661455 11.3386C0.29615 10.9733 0.296149 10.381 0.661454 10.0157L10.0157 0.661444C10.381 0.296138 10.9733 0.296138 11.3386 0.661444Z' fill='%23A7A7A7'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.661432 0.661444C1.02674 0.296138 1.61901 0.296138 1.98432 0.661444L11.3385 10.0157C11.7039 10.381 11.7038 10.9733 11.3385 11.3386C10.9732 11.7039 10.381 11.7039 10.0157 11.3386L0.661432 1.98433C0.296127 1.61903 0.296127 1.02675 0.661432 0.661444Z' fill='%23A7A7A7'/%3E%3C/svg%3E ");
|
|
1054
|
+
background-repeat: no-repeat;
|
|
1055
|
+
width: 12px;
|
|
1056
|
+
height: 12px;
|
|
1057
|
+
right: 44px;
|
|
1058
|
+
top: 19px;
|
|
1059
|
+
transition-property: color, background-color, border-color, background-image;
|
|
1060
|
+
transition-duration: 0.15s;
|
|
1061
|
+
transition-timing-function: ease-in-out;
|
|
1062
|
+
}
|
|
1063
|
+
.u-multiselectbox-simple-select-icon-cross:hover {
|
|
1064
|
+
background-image: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.3386 0.661444C11.7039 1.02675 11.7039 1.61903 11.3386 1.98433L1.98434 11.3386C1.61904 11.7039 1.02676 11.7039 0.661455 11.3386C0.29615 10.9733 0.296149 10.381 0.661454 10.0157L10.0157 0.661444C10.381 0.296138 10.9733 0.296138 11.3386 0.661444Z' fill='%231E4391'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.661432 0.661444C1.02674 0.296138 1.61901 0.296138 1.98432 0.661444L11.3385 10.0157C11.7039 10.381 11.7038 10.9733 11.3385 11.3386C10.9732 11.7039 10.381 11.7039 10.0157 11.3386L0.661432 1.98433C0.296127 1.61903 0.296127 1.02675 0.661432 0.661444Z' fill='%231E4391'/%3E%3C/svg%3E ");
|
|
1065
|
+
}
|
|
1066
|
+
.u-multiselectbox-simple-options {
|
|
1067
|
+
overflow-y: auto;
|
|
1068
|
+
max-height: 195px;
|
|
1069
|
+
width: 100%;
|
|
1070
|
+
border-radius: 10px;
|
|
1071
|
+
z-index: 100;
|
|
1072
|
+
display: none;
|
|
1073
|
+
position: absolute;
|
|
1074
|
+
border: 1px solid #748AB9;
|
|
1075
|
+
margin-top: 2px;
|
|
1076
|
+
background-color: #FFFFFF;
|
|
1077
|
+
}
|
|
1078
|
+
.u-multiselectbox-simple-option {
|
|
1079
|
+
background-color: #FFFFFF;
|
|
1080
|
+
border-bottom: 1px solid #CAD1E1;
|
|
1081
|
+
font-size: 14px;
|
|
1082
|
+
font-weight: 400;
|
|
1083
|
+
}
|
|
1084
|
+
.u-multiselectbox-simple-option-checkbox {
|
|
1085
|
+
cursor: pointer;
|
|
1086
|
+
display: flex;
|
|
1087
|
+
min-height: 48px;
|
|
1088
|
+
padding: 14px 16px;
|
|
1089
|
+
line-height: 20px;
|
|
1090
|
+
}
|
|
1091
|
+
.u-multiselectbox-simple-option-checkbox input {
|
|
1092
|
+
display: none;
|
|
1093
|
+
}
|
|
1094
|
+
.u-multiselectbox-simple-option-checkbox input:hover + div {
|
|
1095
|
+
background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.5' y='0.5' width='15' height='15' rx='1.5' fill='white' stroke='%231E4391'/%3E%3C/svg%3E ");
|
|
1096
|
+
}
|
|
1097
|
+
.u-multiselectbox-simple-option-checkbox input:checked + div {
|
|
1098
|
+
background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.5' y='0.5' width='15' height='15' rx='1.5' fill='%231E4391' stroke='%23174496'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.3478 4C12.1701 3.9993 11.9926 4.07723 11.8626 4.23169L7.03896 9.96824L4.09412 7.0596C3.82512 6.79422 3.41063 6.81809 3.16843 7.11295C2.92614 7.40781 2.94782 7.86275 3.21692 8.12813L6.5806 11.4504C6.87819 11.7443 7.36472 11.7162 7.62643 11.3899V11.3899L8.01435 10.9315L12.8264 5.20614C13.0718 4.91409 13.055 4.45985 12.7889 4.19026C12.6637 4.06389 12.5056 4.00071 12.3478 4Z' fill='white'/%3E%3C/svg%3E ");
|
|
1099
|
+
}
|
|
1100
|
+
.u-multiselectbox-simple-option-checkbox input:disabled + div {
|
|
1101
|
+
cursor: not-allowed;
|
|
1102
|
+
background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.5' y='0.5' width='15' height='15' rx='1.5' fill='%23F6F6F6' stroke='%23D3D3D3'/%3E%3C/svg%3E ");
|
|
1103
|
+
}
|
|
1104
|
+
.u-multiselectbox-simple-option-checkbox input:disabled:checked + div {
|
|
1105
|
+
background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='16' height='16' rx='2' fill='%23D3D3D3'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.3478 4C12.1701 3.9993 11.9926 4.07723 11.8626 4.23169L7.03896 9.96824L4.09412 7.0596C3.82512 6.79422 3.41063 6.81809 3.16843 7.11295C2.92614 7.40781 2.94782 7.86275 3.21692 8.12813L6.5806 11.4504C6.87819 11.7443 7.36472 11.7162 7.62643 11.3899L8.01435 10.9315L12.8264 5.20614C13.0718 4.91409 13.055 4.45985 12.7889 4.19026C12.6637 4.06389 12.5056 4.00071 12.3478 4Z' fill='%23F6F6F6'/%3E%3C/svg%3E%0A");
|
|
1106
|
+
}
|
|
1107
|
+
.u-multiselectbox-simple-option-checkbox div {
|
|
1108
|
+
cursor: pointer;
|
|
1109
|
+
min-width: 16px;
|
|
1110
|
+
height: 16px;
|
|
1111
|
+
position: relative;
|
|
1112
|
+
transition: all 0.15s ease-out;
|
|
1113
|
+
background-repeat: no-repeat;
|
|
1114
|
+
top: 2px;
|
|
1115
|
+
background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.5' y='0.5' width='15' height='15' rx='1.5' fill='white' stroke='%23D3D3D3'/%3E%3C/svg%3E ");
|
|
1116
|
+
margin-right: 16px;
|
|
1117
|
+
}
|
|
1118
|
+
.u-multiselectbox-simple-option:first-child {
|
|
1119
|
+
border-top-left-radius: 10px;
|
|
1120
|
+
}
|
|
1121
|
+
.u-multiselectbox-simple-option:last-child {
|
|
1122
|
+
border-bottom: none;
|
|
1123
|
+
border-bottom-left-radius: 10px;
|
|
1124
|
+
}
|
|
1125
|
+
.u-multiselectbox-simple-option:hover {
|
|
1126
|
+
background-color: #E7F2FF;
|
|
1127
|
+
}
|
|
881
1128
|
.u-search {
|
|
882
1129
|
display: inline-block;
|
|
883
1130
|
position: relative;
|
|
@@ -1523,13 +1770,21 @@ button {
|
|
|
1523
1770
|
transition-duration: 0.15s;
|
|
1524
1771
|
transition-timing-function: ease-in-out;
|
|
1525
1772
|
background-color: transparent;
|
|
1526
|
-
color: #
|
|
1773
|
+
color: #A7A7A7;
|
|
1774
|
+
border-bottom: 1px solid #A7A7A7;
|
|
1775
|
+
}
|
|
1776
|
+
.u-tab-line:hover {
|
|
1777
|
+
color: #748AB9;
|
|
1778
|
+
background-color: #F2F3F5;
|
|
1779
|
+
border-bottom: 1px solid #748AB9;
|
|
1780
|
+
border-top-left-radius: 10px;
|
|
1781
|
+
border-top-right-radius: 10px;
|
|
1527
1782
|
}
|
|
1528
|
-
.u-tab-line:hover,
|
|
1529
1783
|
.u-tab-line:focus,
|
|
1530
1784
|
.u-tab-line.u-tab-active {
|
|
1531
1785
|
color: #1E4391;
|
|
1532
1786
|
border-bottom: 2px solid #1E4391;
|
|
1787
|
+
background-color: transparent;
|
|
1533
1788
|
}
|
|
1534
1789
|
.u-tab-line-secondary {
|
|
1535
1790
|
cursor: pointer;
|
|
@@ -1770,7 +2025,7 @@ button {
|
|
|
1770
2025
|
white-space: nowrap;
|
|
1771
2026
|
font-size: 10px;
|
|
1772
2027
|
line-height: 1.6;
|
|
1773
|
-
font-weight:
|
|
2028
|
+
font-weight: 600;
|
|
1774
2029
|
height: 20px;
|
|
1775
2030
|
padding: 0 8px;
|
|
1776
2031
|
border-radius: 8px;
|
|
@@ -3006,7 +3261,7 @@ button {
|
|
|
3006
3261
|
height: 100%;
|
|
3007
3262
|
justify-content: space-between;
|
|
3008
3263
|
min-height: 188px;
|
|
3009
|
-
padding: 20px;
|
|
3264
|
+
padding: 20px 20px 62px;
|
|
3010
3265
|
color: #1e4391;
|
|
3011
3266
|
font-size: 24px;
|
|
3012
3267
|
font-weight: 600;
|
|
@@ -3043,7 +3298,7 @@ button {
|
|
|
3043
3298
|
height: 100%;
|
|
3044
3299
|
justify-content: space-between;
|
|
3045
3300
|
min-height: 188px;
|
|
3046
|
-
padding: 20px;
|
|
3301
|
+
padding: 20px 20px 62px;
|
|
3047
3302
|
font-size: 24px;
|
|
3048
3303
|
font-weight: 600;
|
|
3049
3304
|
line-height: 28px;
|
|
@@ -3069,6 +3324,35 @@ button {
|
|
|
3069
3324
|
bottom: 20px;
|
|
3070
3325
|
right: 20px;
|
|
3071
3326
|
}
|
|
3327
|
+
.u-upward {
|
|
3328
|
+
position: fixed;
|
|
3329
|
+
bottom: 700px;
|
|
3330
|
+
right: 25px;
|
|
3331
|
+
width: 62px;
|
|
3332
|
+
height: 62px;
|
|
3333
|
+
background-image: url("data:image/svg+xml, %3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M13.6402 7.7682C13.2159 8.12176 12.5853 8.06444 12.2318 7.64016L7.99997 2.56202L3.7682 7.64016C3.41463 8.06444 2.78407 8.12176 2.35979 7.7682C1.93551 7.41463 1.87819 6.78407 2.23175 6.35979L7.23174 0.359791C7.42174 0.131798 7.70318 -2.47955e-05 7.99996 -2.47955e-05C8.29674 -2.47955e-05 8.57819 0.131797 8.76819 0.359789L13.7682 6.35979C14.1218 6.78407 14.0644 7.41463 13.6402 7.7682Z' fill='%231E4391'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8 2.14258C8.55228 2.14258 9 2.59029 9 3.14258L9 14.1426C9 14.6949 8.55229 15.1426 8 15.1426C7.44772 15.1426 7 14.6949 7 14.1426L7 3.14258C7 2.59029 7.44772 2.14258 8 2.14258Z' fill='%231E4391'/%3E%3C/svg%3E%0A");
|
|
3334
|
+
background-repeat: no-repeat;
|
|
3335
|
+
background-position: center;
|
|
3336
|
+
box-shadow: 0px 0px 6px rgba(111, 127, 150, 0.25);
|
|
3337
|
+
cursor: pointer;
|
|
3338
|
+
visibility: hidden;
|
|
3339
|
+
opacity: 0;
|
|
3340
|
+
z-index: 100;
|
|
3341
|
+
border-radius: 50%;
|
|
3342
|
+
transition: 0.5s;
|
|
3343
|
+
background-color: #E7F2FF;
|
|
3344
|
+
border: 1px solid #E3EAF1;
|
|
3345
|
+
filter: drop-shadow(0px 0px 6px rgba(111, 127, 150, 0.25));
|
|
3346
|
+
}
|
|
3347
|
+
.u-upward.active {
|
|
3348
|
+
bottom: 25px;
|
|
3349
|
+
visibility: visible;
|
|
3350
|
+
opacity: 1;
|
|
3351
|
+
}
|
|
3352
|
+
.u-upward:hover {
|
|
3353
|
+
border: 1px solid #CAD1E1;
|
|
3354
|
+
filter: drop-shadow(0px 0px 6px rgba(111, 127, 150, 0.25));
|
|
3355
|
+
}
|
|
3072
3356
|
.bg-gradient-main {
|
|
3073
3357
|
background: linear-gradient(270deg, #FF2D7F -0.71%, #FB3727 47.63%, #FEEA0F 100%);
|
|
3074
3358
|
}
|