fantasia-ui 0.6.4 → 0.6.5
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/dist/fantasia-ui.css +46 -12
- package/package.json +1 -1
package/dist/fantasia-ui.css
CHANGED
|
@@ -2971,27 +2971,34 @@
|
|
|
2971
2971
|
display: flex;
|
|
2972
2972
|
align-items: center;
|
|
2973
2973
|
justify-content: space-between;
|
|
2974
|
+
gap: 12px;
|
|
2974
2975
|
padding: 12px 16px;
|
|
2975
2976
|
background: var(--f-collapse-item-header-bg);
|
|
2976
2977
|
color: var(--f-collapse-item-header-color);
|
|
2977
2978
|
cursor: pointer;
|
|
2978
2979
|
user-select: none;
|
|
2979
|
-
transition:
|
|
2980
|
+
transition: all var(--f-collapse-item-transition-duration);
|
|
2980
2981
|
}
|
|
2981
2982
|
.f-collapse-item__header:hover {
|
|
2982
2983
|
background: var(--f-collapse-item-header-hover-bg);
|
|
2983
2984
|
}
|
|
2985
|
+
.f-collapse-item__header:hover .f-collapse-item__icon {
|
|
2986
|
+
color: #ec4899;
|
|
2987
|
+
}
|
|
2984
2988
|
.f-collapse-item__header-title {
|
|
2989
|
+
flex: 1;
|
|
2985
2990
|
font-size: 14px;
|
|
2986
2991
|
font-weight: 500;
|
|
2987
2992
|
}
|
|
2988
2993
|
.f-collapse-item__icon {
|
|
2989
2994
|
flex-shrink: 0;
|
|
2990
|
-
|
|
2991
|
-
|
|
2995
|
+
margin-left: auto;
|
|
2996
|
+
color: #94a3b8;
|
|
2997
|
+
transition: all var(--f-collapse-item-transition-duration);
|
|
2992
2998
|
}
|
|
2993
2999
|
.f-collapse-item--active .f-collapse-item__icon {
|
|
2994
3000
|
transform: rotate(180deg);
|
|
3001
|
+
color: #ec4899;
|
|
2995
3002
|
}
|
|
2996
3003
|
.f-collapse-item--disabled .f-collapse-item__header {
|
|
2997
3004
|
cursor: not-allowed;
|
|
@@ -7023,15 +7030,15 @@
|
|
|
7023
7030
|
}
|
|
7024
7031
|
.f-timeline-item__tail {
|
|
7025
7032
|
position: absolute;
|
|
7026
|
-
top:
|
|
7033
|
+
top: 26px;
|
|
7027
7034
|
left: 11px;
|
|
7028
|
-
height: calc(100% -
|
|
7035
|
+
height: calc(100% - 26px);
|
|
7029
7036
|
border-left: 2px solid #e2e8f0;
|
|
7030
7037
|
transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
|
|
7031
7038
|
}
|
|
7032
7039
|
.f-timeline-item__node {
|
|
7033
7040
|
position: absolute;
|
|
7034
|
-
top:
|
|
7041
|
+
top: 2px;
|
|
7035
7042
|
left: 0;
|
|
7036
7043
|
display: flex;
|
|
7037
7044
|
align-items: center;
|
|
@@ -7074,6 +7081,7 @@
|
|
|
7074
7081
|
align-items: center;
|
|
7075
7082
|
gap: 12px;
|
|
7076
7083
|
margin-bottom: 8px;
|
|
7084
|
+
line-height: 24px;
|
|
7077
7085
|
min-height: 24px;
|
|
7078
7086
|
}
|
|
7079
7087
|
.f-timeline-item__header.is-clickable {
|
|
@@ -7096,6 +7104,7 @@
|
|
|
7096
7104
|
color: #94a3b8;
|
|
7097
7105
|
transition: color 0.3s;
|
|
7098
7106
|
white-space: nowrap;
|
|
7107
|
+
line-height: 24px;
|
|
7099
7108
|
}
|
|
7100
7109
|
.f-timeline-item__title {
|
|
7101
7110
|
flex: 1;
|
|
@@ -7103,11 +7112,16 @@
|
|
|
7103
7112
|
font-weight: 500;
|
|
7104
7113
|
color: #1e293b;
|
|
7105
7114
|
transition: color 0.3s;
|
|
7115
|
+
line-height: 24px;
|
|
7106
7116
|
}
|
|
7107
7117
|
.f-timeline-item__collapse-icon {
|
|
7108
7118
|
display: flex;
|
|
7109
7119
|
align-items: center;
|
|
7110
7120
|
justify-content: center;
|
|
7121
|
+
flex-shrink: 0;
|
|
7122
|
+
margin-left: auto;
|
|
7123
|
+
width: 24px;
|
|
7124
|
+
height: 24px;
|
|
7111
7125
|
color: #94a3b8;
|
|
7112
7126
|
transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
|
|
7113
7127
|
}
|
|
@@ -7124,6 +7138,9 @@
|
|
|
7124
7138
|
line-height: 1.6;
|
|
7125
7139
|
padding-top: 4px;
|
|
7126
7140
|
}
|
|
7141
|
+
.f-timeline-item.is-collapsible:not(.is-collapsed) .f-timeline-item__collapse-icon {
|
|
7142
|
+
color: #ec4899;
|
|
7143
|
+
}
|
|
7127
7144
|
.f-timeline-item.is-collapsible:not(.is-collapsed) .f-timeline-item__collapse-icon :deep(svg) {
|
|
7128
7145
|
transform: rotate(180deg);
|
|
7129
7146
|
}
|
|
@@ -13069,27 +13086,34 @@ to {
|
|
|
13069
13086
|
display: flex;
|
|
13070
13087
|
align-items: center;
|
|
13071
13088
|
justify-content: space-between;
|
|
13089
|
+
gap: 12px;
|
|
13072
13090
|
padding: 12px 16px;
|
|
13073
13091
|
background: var(--f-collapse-item-header-bg);
|
|
13074
13092
|
color: var(--f-collapse-item-header-color);
|
|
13075
13093
|
cursor: pointer;
|
|
13076
13094
|
user-select: none;
|
|
13077
|
-
transition:
|
|
13095
|
+
transition: all var(--f-collapse-item-transition-duration);
|
|
13078
13096
|
}
|
|
13079
13097
|
.f-collapse-item__header[data-v-d69a6c2b]:hover {
|
|
13080
13098
|
background: var(--f-collapse-item-header-hover-bg);
|
|
13081
13099
|
}
|
|
13100
|
+
.f-collapse-item__header:hover .f-collapse-item__icon[data-v-d69a6c2b] {
|
|
13101
|
+
color: #ec4899;
|
|
13102
|
+
}
|
|
13082
13103
|
.f-collapse-item__header-title[data-v-d69a6c2b] {
|
|
13104
|
+
flex: 1;
|
|
13083
13105
|
font-size: 14px;
|
|
13084
13106
|
font-weight: 500;
|
|
13085
13107
|
}
|
|
13086
13108
|
.f-collapse-item__icon[data-v-d69a6c2b] {
|
|
13087
13109
|
flex-shrink: 0;
|
|
13088
|
-
|
|
13089
|
-
|
|
13110
|
+
margin-left: auto;
|
|
13111
|
+
color: #94a3b8;
|
|
13112
|
+
transition: all var(--f-collapse-item-transition-duration);
|
|
13090
13113
|
}
|
|
13091
13114
|
.f-collapse-item--active .f-collapse-item__icon[data-v-d69a6c2b] {
|
|
13092
13115
|
transform: rotate(180deg);
|
|
13116
|
+
color: #ec4899;
|
|
13093
13117
|
}
|
|
13094
13118
|
.f-collapse-item--disabled .f-collapse-item__header[data-v-d69a6c2b] {
|
|
13095
13119
|
cursor: not-allowed;
|
|
@@ -14239,15 +14263,15 @@ to {
|
|
|
14239
14263
|
}
|
|
14240
14264
|
.f-timeline-item__tail[data-v-235d4634] {
|
|
14241
14265
|
position: absolute;
|
|
14242
|
-
top:
|
|
14266
|
+
top: 26px;
|
|
14243
14267
|
left: 11px;
|
|
14244
|
-
height: calc(100% -
|
|
14268
|
+
height: calc(100% - 26px);
|
|
14245
14269
|
border-left: 2px solid #e2e8f0;
|
|
14246
14270
|
transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
|
|
14247
14271
|
}
|
|
14248
14272
|
.f-timeline-item__node[data-v-235d4634] {
|
|
14249
14273
|
position: absolute;
|
|
14250
|
-
top:
|
|
14274
|
+
top: 2px;
|
|
14251
14275
|
left: 0;
|
|
14252
14276
|
display: flex;
|
|
14253
14277
|
align-items: center;
|
|
@@ -14290,6 +14314,7 @@ to {
|
|
|
14290
14314
|
align-items: center;
|
|
14291
14315
|
gap: 12px;
|
|
14292
14316
|
margin-bottom: 8px;
|
|
14317
|
+
line-height: 24px;
|
|
14293
14318
|
min-height: 24px;
|
|
14294
14319
|
}
|
|
14295
14320
|
.f-timeline-item__header.is-clickable[data-v-235d4634] {
|
|
@@ -14312,6 +14337,7 @@ to {
|
|
|
14312
14337
|
color: #94a3b8;
|
|
14313
14338
|
transition: color 0.3s;
|
|
14314
14339
|
white-space: nowrap;
|
|
14340
|
+
line-height: 24px;
|
|
14315
14341
|
}
|
|
14316
14342
|
.f-timeline-item__title[data-v-235d4634] {
|
|
14317
14343
|
flex: 1;
|
|
@@ -14319,11 +14345,16 @@ to {
|
|
|
14319
14345
|
font-weight: 500;
|
|
14320
14346
|
color: #1e293b;
|
|
14321
14347
|
transition: color 0.3s;
|
|
14348
|
+
line-height: 24px;
|
|
14322
14349
|
}
|
|
14323
14350
|
.f-timeline-item__collapse-icon[data-v-235d4634] {
|
|
14324
14351
|
display: flex;
|
|
14325
14352
|
align-items: center;
|
|
14326
14353
|
justify-content: center;
|
|
14354
|
+
flex-shrink: 0;
|
|
14355
|
+
margin-left: auto;
|
|
14356
|
+
width: 24px;
|
|
14357
|
+
height: 24px;
|
|
14327
14358
|
color: #94a3b8;
|
|
14328
14359
|
transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
|
|
14329
14360
|
}
|
|
@@ -14340,6 +14371,9 @@ to {
|
|
|
14340
14371
|
line-height: 1.6;
|
|
14341
14372
|
padding-top: 4px;
|
|
14342
14373
|
}
|
|
14374
|
+
.f-timeline-item.is-collapsible:not(.is-collapsed) .f-timeline-item__collapse-icon[data-v-235d4634] {
|
|
14375
|
+
color: #ec4899;
|
|
14376
|
+
}
|
|
14343
14377
|
.f-timeline-item.is-collapsible:not(.is-collapsed) .f-timeline-item__collapse-icon[data-v-235d4634] svg {
|
|
14344
14378
|
transform: rotate(180deg);
|
|
14345
14379
|
}
|