@timus-networks/theme 2.4.177 → 2.4.180

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/module.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@timus-networks/theme",
3
3
  "configKey": "themeOptions",
4
- "version": "2.4.176",
4
+ "version": "2.4.179",
5
5
  "builder": {
6
6
  "@nuxt/module-builder": "0.8.4",
7
7
  "unbuild": "2.0.0"
package/dist/module.mjs CHANGED
@@ -11,7 +11,7 @@ const __filename = __cjs_url__.fileURLToPath(import.meta.url);
11
11
  const __dirname = __cjs_path__.dirname(__filename);
12
12
  const require = __cjs_mod__.createRequire(import.meta.url);
13
13
  const name = "@timus-networks/theme";
14
- const version = "2.4.176";
14
+ const version = "2.4.179";
15
15
  const description = "A comprehensive Nuxt.js module providing a tailored theme experience with integrated TailwindCSS support for applications.";
16
16
  const type = "module";
17
17
  const exports = {
@@ -8357,6 +8357,7 @@ heights > $common-component-size
8357
8357
  display: inline-flex;
8358
8358
  align-items: center;
8359
8359
  padding: 0 10px;
8360
+ flex-grow: 0;
8360
8361
  }
8361
8362
  .el-range-editor.is-active {
8362
8363
  box-shadow: 0 0 0 1px var(--el-input-focus-border-color) inset;
@@ -11180,6 +11181,9 @@ heights > $common-component-size
11180
11181
  padding-left: 0;
11181
11182
  background-color: var(--el-menu-bg-color);
11182
11183
  box-sizing: border-box;
11184
+ display: flex;
11185
+ flex-direction: column;
11186
+ gap: 4px;
11183
11187
  }
11184
11188
  .el-menu--vertical .el-menu-item, .el-menu--vertical .el-sub-menu__title, .el-menu--vertical .el-menu-item-group__title {
11185
11189
  display: flex;
@@ -11299,16 +11303,20 @@ heights > $common-component-size
11299
11303
 
11300
11304
  .el-menu--popup {
11301
11305
  z-index: 100;
11302
- min-width: 200px;
11306
+ min-width: 206px;
11303
11307
  border: none;
11304
- padding: 5px 0;
11308
+ padding: 8px 0;
11305
11309
  border-radius: var(--el-border-radius-small);
11306
11310
  box-shadow: var(--el-box-shadow-light);
11311
+ display: flex;
11312
+ flex-direction: column;
11313
+ gap: 4px;
11307
11314
  }
11308
11315
  .el-menu--popup .el-menu-item {
11309
- padding: 0 12px;
11310
- margin: 0 4px;
11311
- height: var(--el-menu-horizontal-sub-item-height);
11316
+ padding: 0 8px;
11317
+ margin: 0 8px;
11318
+ height: 28px;
11319
+ font-size: 12px;
11312
11320
  }
11313
11321
 
11314
11322
  .el-menu .el-icon {
@@ -13400,6 +13408,9 @@ heights > $common-component-size
13400
13408
  padding: 8px;
13401
13409
  margin: 0;
13402
13410
  box-sizing: border-box;
13411
+ display: flex;
13412
+ flex-direction: column;
13413
+ gap: 2px;
13403
13414
  }
13404
13415
  .el-select-dropdown__list.el-vl__window {
13405
13416
  margin: 8px;
@@ -13420,31 +13431,31 @@ heights > $common-component-size
13420
13431
  display: flex;
13421
13432
  font-size: var(--el-font-size-small);
13422
13433
  font-weight: 500;
13423
- padding: 0 44px 0 16px;
13434
+ padding: 0 28px 0 8px;
13424
13435
  position: relative;
13425
13436
  white-space: nowrap;
13426
13437
  overflow: hidden;
13427
13438
  text-overflow: ellipsis;
13428
- color: var(--el-text-color-neutral-light-9);
13429
- height: 32px;
13430
- line-height: 32px;
13439
+ color: var(--el-color-neutral-light-9);
13440
+ height: 28px;
13441
+ line-height: 28px;
13431
13442
  box-sizing: border-box;
13432
13443
  cursor: pointer;
13433
13444
  border-radius: var(--el-border-radius-small);
13434
13445
  }
13435
13446
  .el-select-dropdown__item.is-hovering {
13436
13447
  background-color: var(--el-color-neutral-light-1);
13437
- color: var(--el-text-color-neutral-light-9);
13448
+ color: var(--el-color-neutral-light-9);
13438
13449
  }
13439
13450
 
13440
13451
  .el-select-dropdown__item.is-selected {
13441
- color: var(--el-text-color-neutral-light-9);
13452
+ color: var(--el-color-neutral-light-9);
13442
13453
  background-color: var(--el-color-neutral-light-2);
13443
13454
  font-weight: 500;
13444
13455
  }
13445
13456
 
13446
13457
  .el-select-dropdown__item.is-disabled {
13447
- color: var(--el-text-color-disabled);
13458
+ color: var(--el-color-disabled);
13448
13459
  cursor: not-allowed;
13449
13460
  background-color: unset;
13450
13461
  }
@@ -13453,12 +13464,12 @@ heights > $common-component-size
13453
13464
  content: "";
13454
13465
  position: absolute;
13455
13466
  top: 50%;
13456
- right: 16px;
13467
+ right: 8px;
13457
13468
  border-top: none;
13458
13469
  border-right: none;
13459
13470
  background-repeat: no-repeat;
13460
13471
  background-position: center;
13461
- background-color: var(--el-text-color-neutral-light-9);
13472
+ background-color: var(--el-color-neutral-light-9);
13462
13473
  mask: url("data:image/svg+xml;utf8,%3Csvg class='icon' width='200' height='200' viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='currentColor' d='M406.656 706.944L195.84 496.256a32 32 0 10-45.248 45.248l256 256 512-512a32 32 0 00-45.248-45.248L406.592 706.944z'%3E%3C/path%3E%3C/svg%3E") no-repeat;
13463
13474
  mask-size: 100% 100%;
13464
13475
  -webkit-mask: url("data:image/svg+xml;utf8,%3Csvg class='icon' width='200' height='200' viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='currentColor' d='M406.656 706.944L195.84 496.256a32 32 0 10-45.248 45.248l256 256 512-512a32 32 0 00-45.248-45.248L406.592 706.944z'%3E%3C/path%3E%3C/svg%3E") no-repeat;
@@ -13468,7 +13479,7 @@ heights > $common-component-size
13468
13479
  height: 12px;
13469
13480
  }
13470
13481
  .el-select-dropdown.is-multiple .el-select-dropdown__item.is-disabled::after {
13471
- background-color: var(--el-text-color-disabled);
13482
+ background-color: var(--el-color-disabled);
13472
13483
  }
13473
13484
 
13474
13485
  .el-select-group {
@@ -13482,23 +13493,23 @@ heights > $common-component-size
13482
13493
  padding: 0;
13483
13494
  }
13484
13495
  .el-select-group__wrap:not(:first-of-type):before {
13485
- padding: 0 16px;
13496
+ padding: 0 8px;
13486
13497
  border-top: 1px solid var(--el-color-neutral-light-2);
13487
13498
  content: "";
13488
13499
  display: flex;
13489
13500
  flex-grow: 1;
13490
- margin: 4px 16px;
13501
+ margin: 4px 8px;
13491
13502
  }
13492
13503
 
13493
13504
  .el-select-group__title {
13494
- padding-left: 16px;
13505
+ padding-left: 8px;
13495
13506
  font-size: 10px;
13496
13507
  color: var(--el-color-neutral-light-4);
13497
13508
  line-height: 32px;
13498
13509
  }
13499
13510
 
13500
13511
  .el-select-group .el-select-dropdown__item {
13501
- padding-left: 16px;
13512
+ padding-left: 8px;
13502
13513
  }
13503
13514
 
13504
13515
  .el-select {
@@ -13636,7 +13647,7 @@ heights > $common-component-size
13636
13647
  min-width: 0;
13637
13648
  }
13638
13649
  .el-select__selection .el-tag.el-tag--small {
13639
- height: 18px;
13650
+ height: 16px;
13640
13651
  }
13641
13652
 
13642
13653
  .el-select__selected-item {
@@ -15036,6 +15047,7 @@ heights > $common-component-size
15036
15047
  }
15037
15048
  .el-table .el-table__cell:first-of-type .cell {
15038
15049
  margin-left: 0;
15050
+ padding-left: 0;
15039
15051
  }
15040
15052
  .el-table .el-table__cell:last-of-type .cell {
15041
15053
  padding-right: 0;
@@ -16371,7 +16383,7 @@ heights > $common-component-size
16371
16383
  justify-content: center;
16372
16384
  align-items: center;
16373
16385
  vertical-align: middle;
16374
- height: 18px;
16386
+ height: 16px;
16375
16387
  padding: 0 7px;
16376
16388
  font-size: var(--el-tag-font-size);
16377
16389
  line-height: 1;
@@ -16599,7 +16611,7 @@ heights > $common-component-size
16599
16611
  }
16600
16612
  .el-tag--large {
16601
16613
  padding: 0 7px;
16602
- height: 32px;
16614
+ height: 28px;
16603
16615
  --el-icon-size: 10px;
16604
16616
  }
16605
16617
  .el-tag--large .el-tag__close {
@@ -16611,7 +16623,7 @@ heights > $common-component-size
16611
16623
 
16612
16624
  .el-tag--medium {
16613
16625
  padding: 0 7px;
16614
- height: 28px;
16626
+ height: 24px;
16615
16627
  --el-icon-size: 10px;
16616
16628
  }
16617
16629
  .el-tag--medium .el-tag__close {
@@ -16623,7 +16635,7 @@ heights > $common-component-size
16623
16635
 
16624
16636
  .el-tag--small {
16625
16637
  padding: 0 7px;
16626
- height: 24px;
16638
+ height: 20px;
16627
16639
  --el-icon-size: 10px;
16628
16640
  }
16629
16641
  .el-tag--small .el-tag__close {
@@ -16635,7 +16647,7 @@ heights > $common-component-size
16635
16647
 
16636
16648
  .el-tag--mini {
16637
16649
  padding: 0 7px;
16638
- height: 18px;
16650
+ height: 16px;
16639
16651
  --el-icon-size: 10px;
16640
16652
  }
16641
16653
  .el-tag--mini .el-tag__close {
@@ -464,13 +464,13 @@ $select: map.merge(
464
464
  $select-option: () !default;
465
465
  $select-option: map.merge(
466
466
  (
467
- 'text-color': getCssVar('text-color', 'neutral', 'light-9'),
468
- 'disabled-color': getCssVar('text-color-disabled'),
469
- 'height': 32px,
467
+ 'text-color': getCssVar('color', 'neutral', 'light-9'),
468
+ 'disabled-color': getCssVar('color-disabled'),
469
+ 'height': 28px,
470
470
  'hover-background': getCssVar('color', 'neutral', 'light-1'),
471
- 'selected-text-color': getCssVar('text-color', 'neutral', 'light-9'),
471
+ 'selected-text-color': getCssVar('color', 'neutral', 'light-9'),
472
472
  'selected-bg-color': getCssVar('color', 'neutral', 'light-2'),
473
- 'padding': 16px,
473
+ 'padding': 8px,
474
474
  ),
475
475
  $select-option
476
476
  );
@@ -1107,11 +1107,11 @@ $tag: map.merge(
1107
1107
  $tag-height: () !default;
1108
1108
  $tag-height: map.merge(
1109
1109
  (
1110
- 'default': 18px,
1111
- 'large': 32px,
1112
- 'medium': 28px,
1113
- 'small': 24px,
1114
- 'mini': 18px,
1110
+ 'default': 16px,
1111
+ 'large': 28px,
1112
+ 'medium': 24px,
1113
+ 'small': 20px,
1114
+ 'mini': 16px,
1115
1115
  ),
1116
1116
  $tag-height
1117
1117
  );
@@ -568,6 +568,7 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
568
568
  display: inline-flex;
569
569
  align-items: center;
570
570
  padding: 0 10px;
571
+ flex-grow: 0;
571
572
  }
572
573
  .el-range-editor.is-active {
573
574
  box-shadow: 0 0 0 1px var(--el-input-focus-border-color) inset;
@@ -135,6 +135,7 @@
135
135
  display: inline-flex;
136
136
  align-items: center;
137
137
  padding: 0 10px;
138
+ flex-grow: 0;
138
139
  }
139
140
 
140
141
  @include when(active) {
@@ -951,6 +951,7 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
951
951
  display: inline-flex;
952
952
  align-items: center;
953
953
  padding: 0 10px;
954
+ flex-grow: 0;
954
955
  }
955
956
  .el-range-editor.is-active {
956
957
  box-shadow: 0 0 0 1px var(--el-input-focus-border-color) inset;
@@ -7359,6 +7359,7 @@ heights > $common-component-size
7359
7359
  display: inline-flex;
7360
7360
  align-items: center;
7361
7361
  padding: 0 10px;
7362
+ flex-grow: 0;
7362
7363
  }
7363
7364
  .el-range-editor.is-active {
7364
7365
  box-shadow: 0 0 0 1px var(--el-input-focus-border-color) inset;
@@ -10293,6 +10294,9 @@ h6,
10293
10294
  padding-left: 0;
10294
10295
  background-color: var(--el-menu-bg-color);
10295
10296
  box-sizing: border-box;
10297
+ display: flex;
10298
+ flex-direction: column;
10299
+ gap: 4px;
10296
10300
  }
10297
10301
  .el-menu--vertical .el-menu-item, .el-menu--vertical .el-sub-menu__title, .el-menu--vertical .el-menu-item-group__title {
10298
10302
  display: flex;
@@ -10412,16 +10416,20 @@ h6,
10412
10416
 
10413
10417
  .el-menu--popup {
10414
10418
  z-index: 100;
10415
- min-width: 200px;
10419
+ min-width: 206px;
10416
10420
  border: none;
10417
- padding: 5px 0;
10421
+ padding: 8px 0;
10418
10422
  border-radius: var(--el-border-radius-small);
10419
10423
  box-shadow: var(--el-box-shadow-light);
10424
+ display: flex;
10425
+ flex-direction: column;
10426
+ gap: 4px;
10420
10427
  }
10421
10428
  .el-menu--popup .el-menu-item {
10422
- padding: 0 12px;
10423
- margin: 0 4px;
10424
- height: var(--el-menu-horizontal-sub-item-height);
10429
+ padding: 0 8px;
10430
+ margin: 0 8px;
10431
+ height: 28px;
10432
+ font-size: 12px;
10425
10433
  }
10426
10434
 
10427
10435
  .el-menu .el-icon {
@@ -12513,6 +12521,9 @@ h6,
12513
12521
  padding: 8px;
12514
12522
  margin: 0;
12515
12523
  box-sizing: border-box;
12524
+ display: flex;
12525
+ flex-direction: column;
12526
+ gap: 2px;
12516
12527
  }
12517
12528
  .el-select-dropdown__list.el-vl__window {
12518
12529
  margin: 8px;
@@ -12533,31 +12544,31 @@ h6,
12533
12544
  display: flex;
12534
12545
  font-size: var(--el-font-size-small);
12535
12546
  font-weight: 500;
12536
- padding: 0 44px 0 16px;
12547
+ padding: 0 28px 0 8px;
12537
12548
  position: relative;
12538
12549
  white-space: nowrap;
12539
12550
  overflow: hidden;
12540
12551
  text-overflow: ellipsis;
12541
- color: var(--el-text-color-neutral-light-9);
12542
- height: 32px;
12543
- line-height: 32px;
12552
+ color: var(--el-color-neutral-light-9);
12553
+ height: 28px;
12554
+ line-height: 28px;
12544
12555
  box-sizing: border-box;
12545
12556
  cursor: pointer;
12546
12557
  border-radius: var(--el-border-radius-small);
12547
12558
  }
12548
12559
  .el-select-dropdown__item.is-hovering {
12549
12560
  background-color: var(--el-color-neutral-light-1);
12550
- color: var(--el-text-color-neutral-light-9);
12561
+ color: var(--el-color-neutral-light-9);
12551
12562
  }
12552
12563
 
12553
12564
  .el-select-dropdown__item.is-selected {
12554
- color: var(--el-text-color-neutral-light-9);
12565
+ color: var(--el-color-neutral-light-9);
12555
12566
  background-color: var(--el-color-neutral-light-2);
12556
12567
  font-weight: 500;
12557
12568
  }
12558
12569
 
12559
12570
  .el-select-dropdown__item.is-disabled {
12560
- color: var(--el-text-color-disabled);
12571
+ color: var(--el-color-disabled);
12561
12572
  cursor: not-allowed;
12562
12573
  background-color: unset;
12563
12574
  }
@@ -12566,12 +12577,12 @@ h6,
12566
12577
  content: "";
12567
12578
  position: absolute;
12568
12579
  top: 50%;
12569
- right: 16px;
12580
+ right: 8px;
12570
12581
  border-top: none;
12571
12582
  border-right: none;
12572
12583
  background-repeat: no-repeat;
12573
12584
  background-position: center;
12574
- background-color: var(--el-text-color-neutral-light-9);
12585
+ background-color: var(--el-color-neutral-light-9);
12575
12586
  mask: url("data:image/svg+xml;utf8,%3Csvg class='icon' width='200' height='200' viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='currentColor' d='M406.656 706.944L195.84 496.256a32 32 0 10-45.248 45.248l256 256 512-512a32 32 0 00-45.248-45.248L406.592 706.944z'%3E%3C/path%3E%3C/svg%3E") no-repeat;
12576
12587
  mask-size: 100% 100%;
12577
12588
  -webkit-mask: url("data:image/svg+xml;utf8,%3Csvg class='icon' width='200' height='200' viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='currentColor' d='M406.656 706.944L195.84 496.256a32 32 0 10-45.248 45.248l256 256 512-512a32 32 0 00-45.248-45.248L406.592 706.944z'%3E%3C/path%3E%3C/svg%3E") no-repeat;
@@ -12581,7 +12592,7 @@ h6,
12581
12592
  height: 12px;
12582
12593
  }
12583
12594
  .el-select-dropdown.is-multiple .el-select-dropdown__item.is-disabled::after {
12584
- background-color: var(--el-text-color-disabled);
12595
+ background-color: var(--el-color-disabled);
12585
12596
  }
12586
12597
 
12587
12598
  .el-select-group {
@@ -12595,23 +12606,23 @@ h6,
12595
12606
  padding: 0;
12596
12607
  }
12597
12608
  .el-select-group__wrap:not(:first-of-type):before {
12598
- padding: 0 16px;
12609
+ padding: 0 8px;
12599
12610
  border-top: 1px solid var(--el-color-neutral-light-2);
12600
12611
  content: "";
12601
12612
  display: flex;
12602
12613
  flex-grow: 1;
12603
- margin: 4px 16px;
12614
+ margin: 4px 8px;
12604
12615
  }
12605
12616
 
12606
12617
  .el-select-group__title {
12607
- padding-left: 16px;
12618
+ padding-left: 8px;
12608
12619
  font-size: 10px;
12609
12620
  color: var(--el-color-neutral-light-4);
12610
12621
  line-height: 32px;
12611
12622
  }
12612
12623
 
12613
12624
  .el-select-group .el-select-dropdown__item {
12614
- padding-left: 16px;
12625
+ padding-left: 8px;
12615
12626
  }
12616
12627
 
12617
12628
  .el-select {
@@ -12749,7 +12760,7 @@ h6,
12749
12760
  min-width: 0;
12750
12761
  }
12751
12762
  .el-select__selection .el-tag.el-tag--small {
12752
- height: 18px;
12763
+ height: 16px;
12753
12764
  }
12754
12765
 
12755
12766
  .el-select__selected-item {
@@ -14149,6 +14160,7 @@ h6,
14149
14160
  }
14150
14161
  .el-table .el-table__cell:first-of-type .cell {
14151
14162
  margin-left: 0;
14163
+ padding-left: 0;
14152
14164
  }
14153
14165
  .el-table .el-table__cell:last-of-type .cell {
14154
14166
  padding-right: 0;
@@ -15484,7 +15496,7 @@ h6,
15484
15496
  justify-content: center;
15485
15497
  align-items: center;
15486
15498
  vertical-align: middle;
15487
- height: 18px;
15499
+ height: 16px;
15488
15500
  padding: 0 7px;
15489
15501
  font-size: var(--el-tag-font-size);
15490
15502
  line-height: 1;
@@ -15712,7 +15724,7 @@ h6,
15712
15724
  }
15713
15725
  .el-tag--large {
15714
15726
  padding: 0 7px;
15715
- height: 32px;
15727
+ height: 28px;
15716
15728
  --el-icon-size: 10px;
15717
15729
  }
15718
15730
  .el-tag--large .el-tag__close {
@@ -15724,7 +15736,7 @@ h6,
15724
15736
 
15725
15737
  .el-tag--medium {
15726
15738
  padding: 0 7px;
15727
- height: 28px;
15739
+ height: 24px;
15728
15740
  --el-icon-size: 10px;
15729
15741
  }
15730
15742
  .el-tag--medium .el-tag__close {
@@ -15736,7 +15748,7 @@ h6,
15736
15748
 
15737
15749
  .el-tag--small {
15738
15750
  padding: 0 7px;
15739
- height: 24px;
15751
+ height: 20px;
15740
15752
  --el-icon-size: 10px;
15741
15753
  }
15742
15754
  .el-tag--small .el-tag__close {
@@ -15748,7 +15760,7 @@ h6,
15748
15760
 
15749
15761
  .el-tag--mini {
15750
15762
  padding: 0 7px;
15751
- height: 18px;
15763
+ height: 16px;
15752
15764
  --el-icon-size: 10px;
15753
15765
  }
15754
15766
  .el-tag--mini .el-tag__close {
@@ -449,6 +449,9 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
449
449
  padding-left: 0;
450
450
  background-color: var(--el-menu-bg-color);
451
451
  box-sizing: border-box;
452
+ display: flex;
453
+ flex-direction: column;
454
+ gap: 4px;
452
455
  }
453
456
  .el-menu--vertical .el-menu-item, .el-menu--vertical .el-sub-menu__title, .el-menu--vertical .el-menu-item-group__title {
454
457
  display: flex;
@@ -568,16 +571,20 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
568
571
 
569
572
  .el-menu--popup {
570
573
  z-index: 100;
571
- min-width: 200px;
574
+ min-width: 206px;
572
575
  border: none;
573
- padding: 5px 0;
576
+ padding: 8px 0;
574
577
  border-radius: var(--el-border-radius-small);
575
578
  box-shadow: var(--el-box-shadow-light);
579
+ display: flex;
580
+ flex-direction: column;
581
+ gap: 4px;
576
582
  }
577
583
  .el-menu--popup .el-menu-item {
578
- padding: 0 12px;
579
- margin: 0 4px;
580
- height: var(--el-menu-horizontal-sub-item-height);
584
+ padding: 0 8px;
585
+ margin: 0 8px;
586
+ height: 28px;
587
+ font-size: 12px;
581
588
  }
582
589
 
583
590
  .el-menu .el-icon {
@@ -65,6 +65,9 @@
65
65
  padding-left: 0;
66
66
  background-color: getCssVar('menu-bg-color');
67
67
  box-sizing: border-box;
68
+ display: flex;
69
+ flex-direction: column;
70
+ gap: 4px;
68
71
 
69
72
  @include m(vertical) {
70
73
  // &:not(.#{$namespace}-menu--collapse):not(.#{$namespace}-menu--popup-container) {
@@ -223,16 +226,20 @@
223
226
  }
224
227
  @include m(popup) {
225
228
  z-index: 100;
226
- min-width: 200px;
229
+ min-width: 206px;
227
230
  border: none;
228
- padding: 5px 0;
231
+ padding: 8px 0;
229
232
  border-radius: getCssVar('border-radius-small');
230
233
  box-shadow: getCssVar('box-shadow-light');
234
+ display: flex;
235
+ flex-direction: column;
236
+ gap: 4px;
231
237
 
232
238
  .#{$namespace}-menu-item {
233
- padding: 0 12px;
234
- margin: 0 4px;
235
- height: getCssVar('menu-horizontal-sub-item-height');
239
+ padding: 0 8px;
240
+ margin: 0 8px;
241
+ height: 28px;
242
+ font-size: 12px;
236
243
  }
237
244
  }
238
245
 
@@ -311,21 +311,21 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
311
311
  padding: 0;
312
312
  }
313
313
  .el-select-group__wrap:not(:first-of-type):before {
314
- padding: 0 16px;
314
+ padding: 0 8px;
315
315
  border-top: 1px solid var(--el-color-neutral-light-2);
316
316
  content: "";
317
317
  display: flex;
318
318
  flex-grow: 1;
319
- margin: 4px 16px;
319
+ margin: 4px 8px;
320
320
  }
321
321
 
322
322
  .el-select-group__title {
323
- padding-left: 16px;
323
+ padding-left: 8px;
324
324
  font-size: 10px;
325
325
  color: var(--el-color-neutral-light-4);
326
326
  line-height: 32px;
327
327
  }
328
328
 
329
329
  .el-select-group .el-select-dropdown__item {
330
- padding-left: 16px;
330
+ padding-left: 8px;
331
331
  }
@@ -304,31 +304,31 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
304
304
  display: flex;
305
305
  font-size: var(--el-font-size-small);
306
306
  font-weight: 500;
307
- padding: 0 44px 0 16px;
307
+ padding: 0 28px 0 8px;
308
308
  position: relative;
309
309
  white-space: nowrap;
310
310
  overflow: hidden;
311
311
  text-overflow: ellipsis;
312
- color: var(--el-text-color-neutral-light-9);
313
- height: 32px;
314
- line-height: 32px;
312
+ color: var(--el-color-neutral-light-9);
313
+ height: 28px;
314
+ line-height: 28px;
315
315
  box-sizing: border-box;
316
316
  cursor: pointer;
317
317
  border-radius: var(--el-border-radius-small);
318
318
  }
319
319
  .el-select-dropdown__item.is-hovering {
320
320
  background-color: var(--el-color-neutral-light-1);
321
- color: var(--el-text-color-neutral-light-9);
321
+ color: var(--el-color-neutral-light-9);
322
322
  }
323
323
 
324
324
  .el-select-dropdown__item.is-selected {
325
- color: var(--el-text-color-neutral-light-9);
325
+ color: var(--el-color-neutral-light-9);
326
326
  background-color: var(--el-color-neutral-light-2);
327
327
  font-weight: 500;
328
328
  }
329
329
 
330
330
  .el-select-dropdown__item.is-disabled {
331
- color: var(--el-text-color-disabled);
331
+ color: var(--el-color-disabled);
332
332
  cursor: not-allowed;
333
333
  background-color: unset;
334
334
  }
@@ -337,12 +337,12 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
337
337
  content: "";
338
338
  position: absolute;
339
339
  top: 50%;
340
- right: 16px;
340
+ right: 8px;
341
341
  border-top: none;
342
342
  border-right: none;
343
343
  background-repeat: no-repeat;
344
344
  background-position: center;
345
- background-color: var(--el-text-color-neutral-light-9);
345
+ background-color: var(--el-color-neutral-light-9);
346
346
  mask: url("data:image/svg+xml;utf8,%3Csvg class='icon' width='200' height='200' viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='currentColor' d='M406.656 706.944L195.84 496.256a32 32 0 10-45.248 45.248l256 256 512-512a32 32 0 00-45.248-45.248L406.592 706.944z'%3E%3C/path%3E%3C/svg%3E") no-repeat;
347
347
  mask-size: 100% 100%;
348
348
  -webkit-mask: url("data:image/svg+xml;utf8,%3Csvg class='icon' width='200' height='200' viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='currentColor' d='M406.656 706.944L195.84 496.256a32 32 0 10-45.248 45.248l256 256 512-512a32 32 0 00-45.248-45.248L406.592 706.944z'%3E%3C/path%3E%3C/svg%3E") no-repeat;
@@ -352,5 +352,5 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
352
352
  height: 12px;
353
353
  }
354
354
  .el-select-dropdown.is-multiple .el-select-dropdown__item.is-disabled::after {
355
- background-color: var(--el-text-color-disabled);
355
+ background-color: var(--el-color-disabled);
356
356
  }
@@ -334,6 +334,9 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
334
334
  padding: 8px;
335
335
  margin: 0;
336
336
  box-sizing: border-box;
337
+ display: flex;
338
+ flex-direction: column;
339
+ gap: 2px;
337
340
  }
338
341
  .el-select-dropdown__list.el-vl__window {
339
342
  margin: 8px;
@@ -334,6 +334,9 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
334
334
  padding: 8px;
335
335
  margin: 0;
336
336
  box-sizing: border-box;
337
+ display: flex;
338
+ flex-direction: column;
339
+ gap: 2px;
337
340
  }
338
341
  .el-select-dropdown__list.el-vl__window {
339
342
  margin: 8px;
@@ -38,6 +38,9 @@
38
38
  padding: map.get($select-dropdown, 'padding');
39
39
  margin: 0;
40
40
  box-sizing: border-box;
41
+ display: flex;
42
+ flex-direction: column;
43
+ gap: 2px;
41
44
 
42
45
  &.#{$namespace}-vl__window {
43
46
  // for select-v2
@@ -334,6 +334,9 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
334
334
  padding: 8px;
335
335
  margin: 0;
336
336
  box-sizing: border-box;
337
+ display: flex;
338
+ flex-direction: column;
339
+ gap: 2px;
337
340
  }
338
341
  .el-select-dropdown__list.el-vl__window {
339
342
  margin: 8px;
@@ -354,31 +357,31 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
354
357
  display: flex;
355
358
  font-size: var(--el-font-size-small);
356
359
  font-weight: 500;
357
- padding: 0 44px 0 16px;
360
+ padding: 0 28px 0 8px;
358
361
  position: relative;
359
362
  white-space: nowrap;
360
363
  overflow: hidden;
361
364
  text-overflow: ellipsis;
362
- color: var(--el-text-color-neutral-light-9);
363
- height: 32px;
364
- line-height: 32px;
365
+ color: var(--el-color-neutral-light-9);
366
+ height: 28px;
367
+ line-height: 28px;
365
368
  box-sizing: border-box;
366
369
  cursor: pointer;
367
370
  border-radius: var(--el-border-radius-small);
368
371
  }
369
372
  .el-select-dropdown__item.is-hovering {
370
373
  background-color: var(--el-color-neutral-light-1);
371
- color: var(--el-text-color-neutral-light-9);
374
+ color: var(--el-color-neutral-light-9);
372
375
  }
373
376
 
374
377
  .el-select-dropdown__item.is-selected {
375
- color: var(--el-text-color-neutral-light-9);
378
+ color: var(--el-color-neutral-light-9);
376
379
  background-color: var(--el-color-neutral-light-2);
377
380
  font-weight: 500;
378
381
  }
379
382
 
380
383
  .el-select-dropdown__item.is-disabled {
381
- color: var(--el-text-color-disabled);
384
+ color: var(--el-color-disabled);
382
385
  cursor: not-allowed;
383
386
  background-color: unset;
384
387
  }
@@ -387,12 +390,12 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
387
390
  content: "";
388
391
  position: absolute;
389
392
  top: 50%;
390
- right: 16px;
393
+ right: 8px;
391
394
  border-top: none;
392
395
  border-right: none;
393
396
  background-repeat: no-repeat;
394
397
  background-position: center;
395
- background-color: var(--el-text-color-neutral-light-9);
398
+ background-color: var(--el-color-neutral-light-9);
396
399
  mask: url("data:image/svg+xml;utf8,%3Csvg class='icon' width='200' height='200' viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='currentColor' d='M406.656 706.944L195.84 496.256a32 32 0 10-45.248 45.248l256 256 512-512a32 32 0 00-45.248-45.248L406.592 706.944z'%3E%3C/path%3E%3C/svg%3E") no-repeat;
397
400
  mask-size: 100% 100%;
398
401
  -webkit-mask: url("data:image/svg+xml;utf8,%3Csvg class='icon' width='200' height='200' viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='currentColor' d='M406.656 706.944L195.84 496.256a32 32 0 10-45.248 45.248l256 256 512-512a32 32 0 00-45.248-45.248L406.592 706.944z'%3E%3C/path%3E%3C/svg%3E") no-repeat;
@@ -402,7 +405,7 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
402
405
  height: 12px;
403
406
  }
404
407
  .el-select-dropdown.is-multiple .el-select-dropdown__item.is-disabled::after {
405
- background-color: var(--el-text-color-disabled);
408
+ background-color: var(--el-color-disabled);
406
409
  }
407
410
 
408
411
  .el-select-group {
@@ -416,23 +419,23 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
416
419
  padding: 0;
417
420
  }
418
421
  .el-select-group__wrap:not(:first-of-type):before {
419
- padding: 0 16px;
422
+ padding: 0 8px;
420
423
  border-top: 1px solid var(--el-color-neutral-light-2);
421
424
  content: "";
422
425
  display: flex;
423
426
  flex-grow: 1;
424
- margin: 4px 16px;
427
+ margin: 4px 8px;
425
428
  }
426
429
 
427
430
  .el-select-group__title {
428
- padding-left: 16px;
431
+ padding-left: 8px;
429
432
  font-size: 10px;
430
433
  color: var(--el-color-neutral-light-4);
431
434
  line-height: 32px;
432
435
  }
433
436
 
434
437
  .el-select-group .el-select-dropdown__item {
435
- padding-left: 16px;
438
+ padding-left: 8px;
436
439
  }
437
440
 
438
441
  .el-select {
@@ -570,7 +573,7 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
570
573
  min-width: 0;
571
574
  }
572
575
  .el-select__selection .el-tag.el-tag--small {
573
- height: 18px;
576
+ height: 16px;
574
577
  }
575
578
 
576
579
  .el-select__selected-item {
@@ -334,6 +334,9 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
334
334
  padding: 8px;
335
335
  margin: 0;
336
336
  box-sizing: border-box;
337
+ display: flex;
338
+ flex-direction: column;
339
+ gap: 2px;
337
340
  }
338
341
  .el-select-dropdown__list.el-vl__window {
339
342
  margin: 8px;
@@ -354,31 +357,31 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
354
357
  display: flex;
355
358
  font-size: var(--el-font-size-small);
356
359
  font-weight: 500;
357
- padding: 0 44px 0 16px;
360
+ padding: 0 28px 0 8px;
358
361
  position: relative;
359
362
  white-space: nowrap;
360
363
  overflow: hidden;
361
364
  text-overflow: ellipsis;
362
- color: var(--el-text-color-neutral-light-9);
363
- height: 32px;
364
- line-height: 32px;
365
+ color: var(--el-color-neutral-light-9);
366
+ height: 28px;
367
+ line-height: 28px;
365
368
  box-sizing: border-box;
366
369
  cursor: pointer;
367
370
  border-radius: var(--el-border-radius-small);
368
371
  }
369
372
  .el-select-dropdown__item.is-hovering {
370
373
  background-color: var(--el-color-neutral-light-1);
371
- color: var(--el-text-color-neutral-light-9);
374
+ color: var(--el-color-neutral-light-9);
372
375
  }
373
376
 
374
377
  .el-select-dropdown__item.is-selected {
375
- color: var(--el-text-color-neutral-light-9);
378
+ color: var(--el-color-neutral-light-9);
376
379
  background-color: var(--el-color-neutral-light-2);
377
380
  font-weight: 500;
378
381
  }
379
382
 
380
383
  .el-select-dropdown__item.is-disabled {
381
- color: var(--el-text-color-disabled);
384
+ color: var(--el-color-disabled);
382
385
  cursor: not-allowed;
383
386
  background-color: unset;
384
387
  }
@@ -387,12 +390,12 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
387
390
  content: "";
388
391
  position: absolute;
389
392
  top: 50%;
390
- right: 16px;
393
+ right: 8px;
391
394
  border-top: none;
392
395
  border-right: none;
393
396
  background-repeat: no-repeat;
394
397
  background-position: center;
395
- background-color: var(--el-text-color-neutral-light-9);
398
+ background-color: var(--el-color-neutral-light-9);
396
399
  mask: url("data:image/svg+xml;utf8,%3Csvg class='icon' width='200' height='200' viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='currentColor' d='M406.656 706.944L195.84 496.256a32 32 0 10-45.248 45.248l256 256 512-512a32 32 0 00-45.248-45.248L406.592 706.944z'%3E%3C/path%3E%3C/svg%3E") no-repeat;
397
400
  mask-size: 100% 100%;
398
401
  -webkit-mask: url("data:image/svg+xml;utf8,%3Csvg class='icon' width='200' height='200' viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='currentColor' d='M406.656 706.944L195.84 496.256a32 32 0 10-45.248 45.248l256 256 512-512a32 32 0 00-45.248-45.248L406.592 706.944z'%3E%3C/path%3E%3C/svg%3E") no-repeat;
@@ -402,7 +405,7 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
402
405
  height: 12px;
403
406
  }
404
407
  .el-select-dropdown.is-multiple .el-select-dropdown__item.is-disabled::after {
405
- background-color: var(--el-text-color-disabled);
408
+ background-color: var(--el-color-disabled);
406
409
  }
407
410
 
408
411
  .el-select-group {
@@ -416,23 +419,23 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
416
419
  padding: 0;
417
420
  }
418
421
  .el-select-group__wrap:not(:first-of-type):before {
419
- padding: 0 16px;
422
+ padding: 0 8px;
420
423
  border-top: 1px solid var(--el-color-neutral-light-2);
421
424
  content: "";
422
425
  display: flex;
423
426
  flex-grow: 1;
424
- margin: 4px 16px;
427
+ margin: 4px 8px;
425
428
  }
426
429
 
427
430
  .el-select-group__title {
428
- padding-left: 16px;
431
+ padding-left: 8px;
429
432
  font-size: 10px;
430
433
  color: var(--el-color-neutral-light-4);
431
434
  line-height: 32px;
432
435
  }
433
436
 
434
437
  .el-select-group .el-select-dropdown__item {
435
- padding-left: 16px;
438
+ padding-left: 8px;
436
439
  }
437
440
 
438
441
  .el-select {
@@ -570,7 +573,7 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
570
573
  min-width: 0;
571
574
  }
572
575
  .el-select__selection .el-tag.el-tag--small {
573
- height: 18px;
576
+ height: 16px;
574
577
  }
575
578
 
576
579
  .el-select__selected-item {
@@ -462,6 +462,7 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
462
462
  }
463
463
  .el-table .el-table__cell:first-of-type .cell {
464
464
  margin-left: 0;
465
+ padding-left: 0;
465
466
  }
466
467
  .el-table .el-table__cell:last-of-type .cell {
467
468
  padding-right: 0;
@@ -211,6 +211,7 @@
211
211
  .cell {
212
212
  // padding-left: 0;
213
213
  margin-left: 0;
214
+ padding-left: 0;
214
215
  }
215
216
  }
216
217
 
@@ -314,7 +314,7 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
314
314
  justify-content: center;
315
315
  align-items: center;
316
316
  vertical-align: middle;
317
- height: 18px;
317
+ height: 16px;
318
318
  padding: 0 7px;
319
319
  font-size: var(--el-tag-font-size);
320
320
  line-height: 1;
@@ -542,7 +542,7 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
542
542
  }
543
543
  .el-tag--large {
544
544
  padding: 0 7px;
545
- height: 32px;
545
+ height: 28px;
546
546
  --el-icon-size: 10px;
547
547
  }
548
548
  .el-tag--large .el-tag__close {
@@ -554,7 +554,7 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
554
554
 
555
555
  .el-tag--medium {
556
556
  padding: 0 7px;
557
- height: 28px;
557
+ height: 24px;
558
558
  --el-icon-size: 10px;
559
559
  }
560
560
  .el-tag--medium .el-tag__close {
@@ -566,7 +566,7 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
566
566
 
567
567
  .el-tag--small {
568
568
  padding: 0 7px;
569
- height: 24px;
569
+ height: 20px;
570
570
  --el-icon-size: 10px;
571
571
  }
572
572
  .el-tag--small .el-tag__close {
@@ -578,7 +578,7 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
578
578
 
579
579
  .el-tag--mini {
580
580
  padding: 0 7px;
581
- height: 18px;
581
+ height: 16px;
582
582
  --el-icon-size: 10px;
583
583
  }
584
584
  .el-tag--mini .el-tag__close {
@@ -568,6 +568,7 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
568
568
  display: inline-flex;
569
569
  align-items: center;
570
570
  padding: 0 10px;
571
+ flex-grow: 0;
571
572
  }
572
573
  .el-range-editor.is-active {
573
574
  box-shadow: 0 0 0 1px var(--el-input-focus-border-color) inset;
@@ -568,6 +568,7 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
568
568
  display: inline-flex;
569
569
  align-items: center;
570
570
  padding: 0 10px;
571
+ flex-grow: 0;
571
572
  }
572
573
  .el-range-editor.is-active {
573
574
  box-shadow: 0 0 0 1px var(--el-input-focus-border-color) inset;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@timus-networks/theme",
3
- "version": "2.4.177",
3
+ "version": "2.4.180",
4
4
  "description": "A comprehensive Nuxt.js module providing a tailored theme experience with integrated TailwindCSS support for applications.",
5
5
  "type": "module",
6
6
  "exports": {