fantasia-ui 0.2.29 → 0.2.30

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.
@@ -5349,7 +5349,7 @@ to {
5349
5349
  object-fit: cover;
5350
5350
  width: 100%;
5351
5351
  height: 100%;
5352
- }.f-button[data-v-841dbaa4] {
5352
+ }.f-button[data-v-8ec1ff5a] {
5353
5353
  display: inline-flex;
5354
5354
  align-items: center;
5355
5355
  justify-content: center;
@@ -5359,61 +5359,60 @@ to {
5359
5359
  white-space: nowrap;
5360
5360
  cursor: pointer;
5361
5361
  transition: 0.1s;
5362
- border-radius: 4px;
5363
5362
  line-height: 1;
5364
5363
  box-sizing: border-box;
5365
5364
  }
5366
- .f-button .f-button__inner[data-v-841dbaa4] {
5365
+ .f-button .f-button__inner[data-v-8ec1ff5a] {
5367
5366
  display: inline-flex;
5368
5367
  align-items: center;
5369
5368
  justify-content: center;
5370
5369
  gap: 4px;
5371
5370
  height: 100%;
5372
5371
  }
5373
- .f-button[data-v-841dbaa4] .f-icon {
5372
+ .f-button[data-v-8ec1ff5a] .f-icon {
5374
5373
  display: flex;
5375
5374
  align-items: center;
5376
5375
  justify-content: center;
5377
5376
  font-size: inherit;
5378
5377
  }
5379
- .f-button[data-v-841dbaa4]:hover {
5378
+ .f-button[data-v-8ec1ff5a]:hover {
5380
5379
  color: #409eff;
5381
5380
  border-color: #c6e2ff;
5382
5381
  background: #f5f7fa;
5383
5382
  }
5384
- .f-button[data-v-841dbaa4]:active {
5383
+ .f-button[data-v-8ec1ff5a]:active {
5385
5384
  background: #eeeeee;
5386
5385
  }
5387
- .f-button--primary[data-v-841dbaa4] {
5386
+ .f-button--primary[data-v-8ec1ff5a] {
5388
5387
  background: #409eff;
5389
5388
  border-color: #409eff;
5390
5389
  color: #fff;
5391
5390
  }
5392
- .f-button--success[data-v-841dbaa4] {
5391
+ .f-button--success[data-v-8ec1ff5a] {
5393
5392
  background: #67c23a;
5394
5393
  border-color: #67c23a;
5395
5394
  color: #fff;
5396
5395
  }
5397
- .f-button--error[data-v-841dbaa4] {
5396
+ .f-button--error[data-v-8ec1ff5a] {
5398
5397
  background: #f56c6c;
5399
5398
  border-color: #f56c6c;
5400
5399
  color: #fff;
5401
5400
  }
5402
- .f-button.is-disabled[data-v-841dbaa4] {
5401
+ .f-button.is-disabled[data-v-8ec1ff5a] {
5403
5402
  cursor: not-allowed;
5404
5403
  opacity: 0.4;
5405
5404
  pointer-events: none;
5406
5405
  filter: grayscale(1);
5407
5406
  }
5408
- .f-button .f-loader[data-v-841dbaa4] {
5407
+ .f-button .f-loader[data-v-8ec1ff5a] {
5409
5408
  width: 1em;
5410
5409
  height: 1em;
5411
5410
  border: 2px solid currentColor;
5412
5411
  border-bottom-color: transparent;
5413
5412
  border-radius: 50%;
5414
- animation: rotate-841dbaa4 0.8s linear infinite;
5413
+ animation: rotate-8ec1ff5a 0.8s linear infinite;
5415
5414
  }
5416
- @keyframes rotate-841dbaa4 {
5415
+ @keyframes rotate-8ec1ff5a {
5417
5416
  to {
5418
5417
  transform: rotate(360deg);
5419
5418
  }
@@ -6180,48 +6179,51 @@ to {
6180
6179
  overflow: hidden;
6181
6180
  text-overflow: ellipsis;
6182
6181
  white-space: nowrap;
6183
- }.f-button-group[data-v-de123dd4] {
6182
+ }.f-button-group[data-v-15cf49dc] {
6184
6183
  display: inline-flex;
6185
6184
  vertical-align: middle;
6186
- box-sizing: border-box;
6187
6185
  }
6188
- .f-button-group[data-v-de123dd4] > * {
6186
+ .f-button-group[data-v-15cf49dc]:last-child {
6187
+ margin-right: 0;
6188
+ }
6189
+ .f-button-group[data-v-15cf49dc] > * {
6189
6190
  position: relative;
6190
6191
  display: inline-flex;
6191
6192
  }
6192
- .f-button-group[data-v-de123dd4] > * .f-button {
6193
+ .f-button-group[data-v-15cf49dc] > * .f-button {
6193
6194
  border-radius: 0;
6194
6195
  }
6195
- .f-button-group[data-v-de123dd4] > *:not(:first-child) {
6196
+ .f-button-group[data-v-15cf49dc] > *:not(:first-child) {
6196
6197
  margin-left: -1px;
6197
6198
  }
6198
- .f-button-group[data-v-de123dd4] > *:first-child .f-button {
6199
+ .f-button-group[data-v-15cf49dc] > *:first-child .f-button {
6199
6200
  border-top-left-radius: 4px;
6200
6201
  border-bottom-left-radius: 4px;
6201
6202
  }
6202
- .f-button-group[data-v-de123dd4] > *:last-child .f-button {
6203
+ .f-button-group[data-v-15cf49dc] > *:last-child .f-button {
6203
6204
  border-top-right-radius: 4px;
6204
6205
  border-bottom-right-radius: 4px;
6205
6206
  }
6206
- .f-button-group[data-v-de123dd4] > *:hover, .f-button-group[data-v-de123dd4] > *.is-active {
6207
+ .f-button-group[data-v-15cf49dc] > *:hover {
6207
6208
  z-index: 1;
6208
6209
  }
6209
- .f-button-group--vertical[data-v-de123dd4] {
6210
+ .f-button-group[data-v-15cf49dc] > * .is-active {
6211
+ z-index: 2;
6212
+ }
6213
+ .f-button-group--vertical[data-v-15cf49dc] {
6210
6214
  flex-direction: column;
6215
+ margin-right: 0;
6216
+ margin-bottom: 12px;
6211
6217
  }
6212
- .f-button-group--vertical[data-v-de123dd4] > *:not(:first-child) {
6218
+ .f-button-group--vertical[data-v-15cf49dc] > *:not(:first-child) {
6213
6219
  margin-left: 0;
6214
6220
  margin-top: -1px;
6215
6221
  }
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;
6222
+ .f-button-group--vertical[data-v-15cf49dc] > *:first-child .f-button {
6223
+ border-radius: 4px 4px 0 0;
6220
6224
  }
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;
6225
+ .f-button-group--vertical[data-v-15cf49dc] > *:last-child .f-button {
6226
+ border-radius: 0 0 4px 4px;
6225
6227
  }:root {
6226
6228
  --f-collapse-border-color: #333338;
6227
6229
  --f-collapse-radius: 8px;