fantasia-ui 0.2.29 → 0.2.31

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.
@@ -3048,54 +3048,53 @@ to {
3048
3048
  }
3049
3049
  :root.light .f-tabs--segment .f-tabs__tab.active[data-v-268fc654] {
3050
3050
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
3051
- }.f-breadcrumb[data-v-bb787dcc] {
3051
+ }.f-breadcrumb[data-v-55b15358] {
3052
3052
  display: flex;
3053
3053
  align-items: center;
3054
3054
  flex-wrap: wrap;
3055
3055
  gap: 4px 6px;
3056
3056
  font-size: 12px;
3057
- margin-bottom: 20px;
3058
3057
  }
3059
- .f-breadcrumb__sep[data-v-bb787dcc] {
3058
+ .f-breadcrumb__sep[data-v-55b15358] {
3060
3059
  color: var(--text-dim);
3061
3060
  user-select: none;
3062
3061
  line-height: 1;
3063
3062
  }
3064
- .f-breadcrumb__link[data-v-bb787dcc] {
3063
+ .f-breadcrumb__link[data-v-55b15358] {
3065
3064
  color: var(--text-link);
3066
3065
  text-decoration: none;
3067
3066
  transition: color 0.15s;
3068
3067
  }
3069
- .f-breadcrumb__link[data-v-bb787dcc]:hover {
3068
+ .f-breadcrumb__link[data-v-55b15358]:hover {
3070
3069
  color: var(--accent-hover);
3071
3070
  }
3072
- .f-breadcrumb__link[data-v-bb787dcc]:active {
3071
+ .f-breadcrumb__link[data-v-55b15358]:active {
3073
3072
  opacity: 0.7;
3074
3073
  }
3075
- .f-breadcrumb__text[data-v-bb787dcc] {
3074
+ .f-breadcrumb__text[data-v-55b15358] {
3076
3075
  color: var(--text-dim);
3077
3076
  }
3078
- .f-breadcrumb__current[data-v-bb787dcc] {
3077
+ .f-breadcrumb__current[data-v-55b15358] {
3079
3078
  color: var(--text-muted);
3080
3079
  }
3081
- .breadcrumb-enter-active[data-v-bb787dcc],
3082
- .breadcrumb-leave-active[data-v-bb787dcc] {
3080
+ .breadcrumb-enter-active[data-v-55b15358],
3081
+ .breadcrumb-leave-active[data-v-55b15358] {
3083
3082
  transition: opacity 0.2s, transform 0.2s;
3084
3083
  }
3085
- .breadcrumb-enter-from[data-v-bb787dcc] {
3084
+ .breadcrumb-enter-from[data-v-55b15358] {
3086
3085
  opacity: 0;
3087
3086
  transform: translateX(-6px);
3088
3087
  }
3089
- .breadcrumb-leave-to[data-v-bb787dcc] {
3088
+ .breadcrumb-leave-to[data-v-55b15358] {
3090
3089
  opacity: 0;
3091
3090
  transform: translateX(6px);
3092
3091
  }
3093
- .f-breadcrumb:not(.f-breadcrumb--animated) .breadcrumb-enter-active[data-v-bb787dcc],
3094
- .f-breadcrumb:not(.f-breadcrumb--animated) .breadcrumb-leave-active[data-v-bb787dcc] {
3092
+ .f-breadcrumb:not(.f-breadcrumb--animated) .breadcrumb-enter-active[data-v-55b15358],
3093
+ .f-breadcrumb:not(.f-breadcrumb--animated) .breadcrumb-leave-active[data-v-55b15358] {
3095
3094
  transition: none;
3096
3095
  }
3097
- .f-breadcrumb:not(.f-breadcrumb--animated) .breadcrumb-enter-from[data-v-bb787dcc],
3098
- .f-breadcrumb:not(.f-breadcrumb--animated) .breadcrumb-leave-to[data-v-bb787dcc] {
3096
+ .f-breadcrumb:not(.f-breadcrumb--animated) .breadcrumb-enter-from[data-v-55b15358],
3097
+ .f-breadcrumb:not(.f-breadcrumb--animated) .breadcrumb-leave-to[data-v-55b15358] {
3099
3098
  opacity: 1;
3100
3099
  transform: none;
3101
3100
  }.f-col[data-v-5a8b0cb4] {
@@ -5349,7 +5348,7 @@ to {
5349
5348
  object-fit: cover;
5350
5349
  width: 100%;
5351
5350
  height: 100%;
5352
- }.f-button[data-v-841dbaa4] {
5351
+ }.f-button[data-v-8ec1ff5a] {
5353
5352
  display: inline-flex;
5354
5353
  align-items: center;
5355
5354
  justify-content: center;
@@ -5359,61 +5358,60 @@ to {
5359
5358
  white-space: nowrap;
5360
5359
  cursor: pointer;
5361
5360
  transition: 0.1s;
5362
- border-radius: 4px;
5363
5361
  line-height: 1;
5364
5362
  box-sizing: border-box;
5365
5363
  }
5366
- .f-button .f-button__inner[data-v-841dbaa4] {
5364
+ .f-button .f-button__inner[data-v-8ec1ff5a] {
5367
5365
  display: inline-flex;
5368
5366
  align-items: center;
5369
5367
  justify-content: center;
5370
5368
  gap: 4px;
5371
5369
  height: 100%;
5372
5370
  }
5373
- .f-button[data-v-841dbaa4] .f-icon {
5371
+ .f-button[data-v-8ec1ff5a] .f-icon {
5374
5372
  display: flex;
5375
5373
  align-items: center;
5376
5374
  justify-content: center;
5377
5375
  font-size: inherit;
5378
5376
  }
5379
- .f-button[data-v-841dbaa4]:hover {
5377
+ .f-button[data-v-8ec1ff5a]:hover {
5380
5378
  color: #409eff;
5381
5379
  border-color: #c6e2ff;
5382
5380
  background: #f5f7fa;
5383
5381
  }
5384
- .f-button[data-v-841dbaa4]:active {
5382
+ .f-button[data-v-8ec1ff5a]:active {
5385
5383
  background: #eeeeee;
5386
5384
  }
5387
- .f-button--primary[data-v-841dbaa4] {
5385
+ .f-button--primary[data-v-8ec1ff5a] {
5388
5386
  background: #409eff;
5389
5387
  border-color: #409eff;
5390
5388
  color: #fff;
5391
5389
  }
5392
- .f-button--success[data-v-841dbaa4] {
5390
+ .f-button--success[data-v-8ec1ff5a] {
5393
5391
  background: #67c23a;
5394
5392
  border-color: #67c23a;
5395
5393
  color: #fff;
5396
5394
  }
5397
- .f-button--error[data-v-841dbaa4] {
5395
+ .f-button--error[data-v-8ec1ff5a] {
5398
5396
  background: #f56c6c;
5399
5397
  border-color: #f56c6c;
5400
5398
  color: #fff;
5401
5399
  }
5402
- .f-button.is-disabled[data-v-841dbaa4] {
5400
+ .f-button.is-disabled[data-v-8ec1ff5a] {
5403
5401
  cursor: not-allowed;
5404
5402
  opacity: 0.4;
5405
5403
  pointer-events: none;
5406
5404
  filter: grayscale(1);
5407
5405
  }
5408
- .f-button .f-loader[data-v-841dbaa4] {
5406
+ .f-button .f-loader[data-v-8ec1ff5a] {
5409
5407
  width: 1em;
5410
5408
  height: 1em;
5411
5409
  border: 2px solid currentColor;
5412
5410
  border-bottom-color: transparent;
5413
5411
  border-radius: 50%;
5414
- animation: rotate-841dbaa4 0.8s linear infinite;
5412
+ animation: rotate-8ec1ff5a 0.8s linear infinite;
5415
5413
  }
5416
- @keyframes rotate-841dbaa4 {
5414
+ @keyframes rotate-8ec1ff5a {
5417
5415
  to {
5418
5416
  transform: rotate(360deg);
5419
5417
  }
@@ -6180,48 +6178,51 @@ to {
6180
6178
  overflow: hidden;
6181
6179
  text-overflow: ellipsis;
6182
6180
  white-space: nowrap;
6183
- }.f-button-group[data-v-de123dd4] {
6181
+ }.f-button-group[data-v-15cf49dc] {
6184
6182
  display: inline-flex;
6185
6183
  vertical-align: middle;
6186
- box-sizing: border-box;
6187
6184
  }
6188
- .f-button-group[data-v-de123dd4] > * {
6185
+ .f-button-group[data-v-15cf49dc]:last-child {
6186
+ margin-right: 0;
6187
+ }
6188
+ .f-button-group[data-v-15cf49dc] > * {
6189
6189
  position: relative;
6190
6190
  display: inline-flex;
6191
6191
  }
6192
- .f-button-group[data-v-de123dd4] > * .f-button {
6192
+ .f-button-group[data-v-15cf49dc] > * .f-button {
6193
6193
  border-radius: 0;
6194
6194
  }
6195
- .f-button-group[data-v-de123dd4] > *:not(:first-child) {
6195
+ .f-button-group[data-v-15cf49dc] > *:not(:first-child) {
6196
6196
  margin-left: -1px;
6197
6197
  }
6198
- .f-button-group[data-v-de123dd4] > *:first-child .f-button {
6198
+ .f-button-group[data-v-15cf49dc] > *:first-child .f-button {
6199
6199
  border-top-left-radius: 4px;
6200
6200
  border-bottom-left-radius: 4px;
6201
6201
  }
6202
- .f-button-group[data-v-de123dd4] > *:last-child .f-button {
6202
+ .f-button-group[data-v-15cf49dc] > *:last-child .f-button {
6203
6203
  border-top-right-radius: 4px;
6204
6204
  border-bottom-right-radius: 4px;
6205
6205
  }
6206
- .f-button-group[data-v-de123dd4] > *:hover, .f-button-group[data-v-de123dd4] > *.is-active {
6206
+ .f-button-group[data-v-15cf49dc] > *:hover {
6207
6207
  z-index: 1;
6208
6208
  }
6209
- .f-button-group--vertical[data-v-de123dd4] {
6209
+ .f-button-group[data-v-15cf49dc] > * .is-active {
6210
+ z-index: 2;
6211
+ }
6212
+ .f-button-group--vertical[data-v-15cf49dc] {
6210
6213
  flex-direction: column;
6214
+ margin-right: 0;
6215
+ margin-bottom: 12px;
6211
6216
  }
6212
- .f-button-group--vertical[data-v-de123dd4] > *:not(:first-child) {
6217
+ .f-button-group--vertical[data-v-15cf49dc] > *:not(:first-child) {
6213
6218
  margin-left: 0;
6214
6219
  margin-top: -1px;
6215
6220
  }
6216
- .f-button-group--vertical[data-v-de123dd4] > *:first-child .f-button {
6217
- border-top-left-radius: 4px;
6218
- border-top-right-radius: 4px;
6219
- border-bottom-left-radius: 0;
6221
+ .f-button-group--vertical[data-v-15cf49dc] > *:first-child .f-button {
6222
+ border-radius: 4px 4px 0 0;
6220
6223
  }
6221
- .f-button-group--vertical[data-v-de123dd4] > *:last-child .f-button {
6222
- border-bottom-left-radius: 4px;
6223
- border-bottom-right-radius: 4px;
6224
- border-top-right-radius: 0;
6224
+ .f-button-group--vertical[data-v-15cf49dc] > *:last-child .f-button {
6225
+ border-radius: 0 0 4px 4px;
6225
6226
  }:root {
6226
6227
  --f-collapse-border-color: #333338;
6227
6228
  --f-collapse-radius: 8px;