@timus-networks/theme 2.0.1 → 2.0.2

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.
Files changed (193) hide show
  1. package/README.md +34 -49
  2. package/dist/module.d.mts +1 -1
  3. package/dist/module.d.ts +1 -1
  4. package/dist/module.json +2 -2
  5. package/dist/module.mjs +40 -18
  6. package/dist/runtime/components/development/example.alert.vue +29 -0
  7. package/dist/runtime/components/development/example.avatar.vue +85 -0
  8. package/dist/runtime/components/development/example.badge.vue +93 -0
  9. package/dist/runtime/components/development/example.breadcrumb.vue +54 -0
  10. package/dist/runtime/components/development/example.button.vue +235 -0
  11. package/dist/runtime/components/{example.button.vue.d.ts → development/example.button.vue.d.ts} +2 -1
  12. package/dist/runtime/components/development/example.card.vue +68 -0
  13. package/dist/runtime/components/development/example.checkbox.vue +176 -0
  14. package/dist/runtime/components/{example.checkbox.vue.d.ts → development/example.checkbox.vue.d.ts} +2 -2
  15. package/dist/runtime/components/development/example.collapse.vue +38 -0
  16. package/dist/runtime/components/development/example.datepicker.vue +193 -0
  17. package/dist/runtime/components/development/example.description.vue +94 -0
  18. package/dist/runtime/components/{example.dialog.vue → development/example.dialog.vue} +21 -24
  19. package/dist/runtime/components/development/example.dropdown.vue +166 -0
  20. package/dist/runtime/components/development/example.form.vue +488 -0
  21. package/dist/runtime/components/development/example.input.vue +270 -0
  22. package/dist/runtime/components/development/example.input.vue.d.ts +23 -0
  23. package/dist/runtime/components/development/example.link.vue +68 -0
  24. package/dist/runtime/components/development/example.message.vue +64 -0
  25. package/dist/runtime/components/development/example.notification.vue +75 -0
  26. package/dist/runtime/components/development/example.number.vue +70 -0
  27. package/dist/runtime/components/development/example.pagination.vue +89 -0
  28. package/dist/runtime/components/development/example.popover.vue +151 -0
  29. package/dist/runtime/components/development/example.radio.vue +163 -0
  30. package/dist/runtime/components/{example.radio.vue.d.ts → development/example.radio.vue.d.ts} +3 -2
  31. package/dist/runtime/components/development/example.select.vue +588 -0
  32. package/dist/runtime/components/{example.select.vue.d.ts → development/example.select.vue.d.ts} +3 -2
  33. package/dist/runtime/components/development/example.sidebar.vue +101 -0
  34. package/dist/runtime/components/development/example.static.vue +50 -0
  35. package/dist/runtime/components/development/example.switch.vue +101 -0
  36. package/dist/runtime/components/{example.table.vue → development/example.table.vue} +8 -22
  37. package/dist/runtime/components/development/example.tag.vue +255 -0
  38. package/dist/runtime/components/development/example.timepicker.vue +89 -0
  39. package/dist/runtime/components/development/example.tooltip.vue +104 -0
  40. package/dist/runtime/components/development/example.upload.vue +84 -0
  41. package/dist/runtime/components/production/html-encode.vue +96 -0
  42. package/dist/runtime/components/production/timus-breadcrumb.d.ts +36 -0
  43. package/dist/runtime/components/production/timus-breadcrumb.js +224 -0
  44. package/dist/runtime/components/production/timus-breadcrumb.mjs +224 -0
  45. package/dist/runtime/components/production/timus-breadcrumb.vue +83 -0
  46. package/dist/runtime/components/production/timus-breadcrumb.vue.d.ts +340 -0
  47. package/dist/runtime/composables/useBreadcrumb.d.ts +8 -0
  48. package/dist/runtime/composables/useBreadcrumb.js +53 -0
  49. package/dist/runtime/composables/useBreadcrumb.mjs +53 -0
  50. package/dist/runtime/pages/theme.vue +44 -13
  51. package/dist/runtime/plugins/disable-warnings-plugin.js +18 -0
  52. package/dist/runtime/plugins/disable-warnings-plugin.mjs +18 -0
  53. package/dist/runtime/public/scss/element-plus/affix.css +28 -0
  54. package/dist/runtime/public/scss/element-plus/alert.css +116 -20
  55. package/dist/runtime/public/scss/element-plus/anchor-link.css +28 -0
  56. package/dist/runtime/public/scss/element-plus/anchor.css +28 -0
  57. package/dist/runtime/public/scss/element-plus/aside.css +28 -0
  58. package/dist/runtime/public/scss/element-plus/autocomplete.css +28 -0
  59. package/dist/runtime/public/scss/element-plus/avatar.css +60 -10
  60. package/dist/runtime/public/scss/element-plus/backtop.css +28 -0
  61. package/dist/runtime/public/scss/element-plus/badge.css +30 -2
  62. package/dist/runtime/public/scss/element-plus/base.css +31 -3
  63. package/dist/runtime/public/scss/element-plus/breadcrumb.css +46 -6
  64. package/dist/runtime/public/scss/element-plus/button-group.css +154 -32
  65. package/dist/runtime/public/scss/element-plus/button.css +70 -24
  66. package/dist/runtime/public/scss/element-plus/calendar.css +28 -0
  67. package/dist/runtime/public/scss/element-plus/card.css +41 -6
  68. package/dist/runtime/public/scss/element-plus/carousel-item.css +28 -0
  69. package/dist/runtime/public/scss/element-plus/carousel.css +28 -0
  70. package/dist/runtime/public/scss/element-plus/cascader-panel.css +28 -0
  71. package/dist/runtime/public/scss/element-plus/cascader.css +28 -0
  72. package/dist/runtime/public/scss/element-plus/check-tag.css +28 -0
  73. package/dist/runtime/public/scss/element-plus/checkbox-button.css +33 -0
  74. package/dist/runtime/public/scss/element-plus/checkbox-group.css +28 -0
  75. package/dist/runtime/public/scss/element-plus/checkbox.css +28 -0
  76. package/dist/runtime/public/scss/element-plus/col.css +28 -0
  77. package/dist/runtime/public/scss/element-plus/collapse.css +28 -0
  78. package/dist/runtime/public/scss/element-plus/color-picker.css +28 -0
  79. package/dist/runtime/public/scss/element-plus/common/popup.css +28 -0
  80. package/dist/runtime/public/scss/element-plus/common/transition.css +28 -0
  81. package/dist/runtime/public/scss/element-plus/common/var.css +28 -0
  82. package/dist/runtime/public/scss/element-plus/container.css +28 -0
  83. package/dist/runtime/public/scss/element-plus/dark/css-vars.css +28 -0
  84. package/dist/runtime/public/scss/element-plus/dark/var.css +28 -0
  85. package/dist/runtime/public/scss/element-plus/date-picker/date-picker.css +76 -14
  86. package/dist/runtime/public/scss/element-plus/date-picker/date-range-picker.css +41 -9
  87. package/dist/runtime/public/scss/element-plus/date-picker/date-table.css +31 -3
  88. package/dist/runtime/public/scss/element-plus/date-picker/month-table.css +28 -0
  89. package/dist/runtime/public/scss/element-plus/date-picker/picker-panel.css +69 -6
  90. package/dist/runtime/public/scss/element-plus/date-picker/picker.css +28 -0
  91. package/dist/runtime/public/scss/element-plus/date-picker/time-picker.css +56 -16
  92. package/dist/runtime/public/scss/element-plus/date-picker/time-range-picker.css +39 -4
  93. package/dist/runtime/public/scss/element-plus/date-picker/time-spinner.css +31 -4
  94. package/dist/runtime/public/scss/element-plus/date-picker/year-table.css +28 -0
  95. package/dist/runtime/public/scss/element-plus/date-picker.css +134 -50
  96. package/dist/runtime/public/scss/element-plus/descriptions-item.css +48 -8
  97. package/dist/runtime/public/scss/element-plus/descriptions.css +78 -16
  98. package/dist/runtime/public/scss/element-plus/dialog.css +30 -2
  99. package/dist/runtime/public/scss/element-plus/display.css +28 -0
  100. package/dist/runtime/public/scss/element-plus/divider.css +28 -0
  101. package/dist/runtime/public/scss/element-plus/drawer.css +28 -0
  102. package/dist/runtime/public/scss/element-plus/dropdown.css +43 -12
  103. package/dist/runtime/public/scss/element-plus/empty.css +28 -0
  104. package/dist/runtime/public/scss/element-plus/footer.css +28 -0
  105. package/dist/runtime/public/scss/element-plus/form.css +28 -0
  106. package/dist/runtime/public/scss/element-plus/header.css +28 -0
  107. package/dist/runtime/public/scss/element-plus/icon.css +30 -2
  108. package/dist/runtime/public/scss/element-plus/image-viewer.css +28 -0
  109. package/dist/runtime/public/scss/element-plus/image.css +28 -0
  110. package/dist/runtime/public/scss/element-plus/index.css +920 -329
  111. package/dist/runtime/public/scss/element-plus/input-number.css +50 -6
  112. package/dist/runtime/public/scss/element-plus/input.css +28 -0
  113. package/dist/runtime/public/scss/element-plus/link.css +59 -28
  114. package/dist/runtime/public/scss/element-plus/loading.css +28 -0
  115. package/dist/runtime/public/scss/element-plus/main.css +28 -0
  116. package/dist/runtime/public/scss/element-plus/mention.css +28 -0
  117. package/dist/runtime/public/scss/element-plus/menu.css +28 -0
  118. package/dist/runtime/public/scss/element-plus/message-box.css +34 -2
  119. package/dist/runtime/public/scss/element-plus/message.css +161 -31
  120. package/dist/runtime/public/scss/element-plus/mixins/mixins.css +28 -0
  121. package/dist/runtime/public/scss/element-plus/notification.css +41 -9
  122. package/dist/runtime/public/scss/element-plus/option-group.css +28 -0
  123. package/dist/runtime/public/scss/element-plus/option.css +29 -0
  124. package/dist/runtime/public/scss/element-plus/overlay.css +28 -0
  125. package/dist/runtime/public/scss/element-plus/page-header.css +28 -0
  126. package/dist/runtime/public/scss/element-plus/pagination.css +64 -11
  127. package/dist/runtime/public/scss/element-plus/popconfirm.css +28 -0
  128. package/dist/runtime/public/scss/element-plus/popover.css +28 -0
  129. package/dist/runtime/public/scss/element-plus/popper.css +29 -1
  130. package/dist/runtime/public/scss/element-plus/progress.css +28 -0
  131. package/dist/runtime/public/scss/element-plus/radio-button.css +36 -2
  132. package/dist/runtime/public/scss/element-plus/radio-group.css +28 -0
  133. package/dist/runtime/public/scss/element-plus/radio.css +28 -0
  134. package/dist/runtime/public/scss/element-plus/rate.css +28 -0
  135. package/dist/runtime/public/scss/element-plus/reset.css +28 -0
  136. package/dist/runtime/public/scss/element-plus/result.css +28 -0
  137. package/dist/runtime/public/scss/element-plus/row.css +28 -0
  138. package/dist/runtime/public/scss/element-plus/scrollbar.css +28 -0
  139. package/dist/runtime/public/scss/element-plus/segmented.css +28 -0
  140. package/dist/runtime/public/scss/element-plus/select-dropdown-v2.css +28 -0
  141. package/dist/runtime/public/scss/element-plus/select-dropdown.css +28 -0
  142. package/dist/runtime/public/scss/element-plus/select-v2.css +48 -23
  143. package/dist/runtime/public/scss/element-plus/select.css +48 -23
  144. package/dist/runtime/public/scss/element-plus/skeleton-item.css +28 -0
  145. package/dist/runtime/public/scss/element-plus/skeleton.css +28 -0
  146. package/dist/runtime/public/scss/element-plus/slider.css +28 -0
  147. package/dist/runtime/public/scss/element-plus/space.css +28 -0
  148. package/dist/runtime/public/scss/element-plus/spinner.css +28 -0
  149. package/dist/runtime/public/scss/element-plus/statistic.css +28 -0
  150. package/dist/runtime/public/scss/element-plus/step.css +28 -0
  151. package/dist/runtime/public/scss/element-plus/steps.css +28 -0
  152. package/dist/runtime/public/scss/element-plus/switch.css +116 -20
  153. package/dist/runtime/public/scss/element-plus/table-column.css +29 -1
  154. package/dist/runtime/public/scss/element-plus/table-v2.css +28 -0
  155. package/dist/runtime/public/scss/element-plus/table.css +28 -0
  156. package/dist/runtime/public/scss/element-plus/tabs.css +30 -2
  157. package/dist/runtime/public/scss/element-plus/tag.css +28 -0
  158. package/dist/runtime/public/scss/element-plus/text.css +34 -0
  159. package/dist/runtime/public/scss/element-plus/time-picker.css +111 -30
  160. package/dist/runtime/public/scss/element-plus/time-select.css +76 -14
  161. package/dist/runtime/public/scss/element-plus/timeline-item.css +28 -0
  162. package/dist/runtime/public/scss/element-plus/timeline.css +28 -0
  163. package/dist/runtime/public/scss/element-plus/tooltip-v2.css +28 -0
  164. package/dist/runtime/public/scss/element-plus/tour.css +30 -2
  165. package/dist/runtime/public/scss/element-plus/transfer.css +28 -0
  166. package/dist/runtime/public/scss/element-plus/tree-select.css +28 -0
  167. package/dist/runtime/public/scss/element-plus/tree.css +28 -0
  168. package/dist/runtime/public/scss/element-plus/upload.css +28 -0
  169. package/dist/runtime/public/scss/element-plus/var.css +29 -1
  170. package/dist/runtime/public/scss/element-plus/virtual-list.css +28 -0
  171. package/dist/runtime/public/scss/theme.css +79 -2
  172. package/dist/runtime/types.d.ts +7 -16
  173. package/package.json +1 -1
  174. package/dist/runtime/components/example.button.vue +0 -237
  175. package/dist/runtime/components/example.checkbox.vue +0 -190
  176. package/dist/runtime/components/example.form.vue +0 -494
  177. package/dist/runtime/components/example.input.vue +0 -286
  178. package/dist/runtime/components/example.input.vue.d.ts +0 -20
  179. package/dist/runtime/components/example.popover.vue +0 -161
  180. package/dist/runtime/components/example.radio.vue +0 -165
  181. package/dist/runtime/components/example.select.vue +0 -591
  182. package/dist/runtime/components/example.sidebar.vue +0 -104
  183. package/dist/runtime/components/example.tag.vue +0 -279
  184. package/dist/runtime/components/html-encode.vue +0 -37
  185. package/dist/runtime/plugins/element-extend-plugin.d.ts +0 -38
  186. package/dist/runtime/plugins/element-extend-plugin.js +0 -39
  187. package/dist/runtime/plugins/element-extend-plugin.mjs +0 -39
  188. package/dist/runtime/plugins/experimental-size-plugin.js +0 -13
  189. package/dist/runtime/plugins/experimental-size-plugin.mjs +0 -13
  190. /package/dist/runtime/plugins/{experimental-size-plugin.d.ts → disable-warnings-plugin.d.ts} +0 -0
  191. /package/dist/runtime/plugins/{theme-provider.d.ts → theme-provider-plugin.d.ts} +0 -0
  192. /package/dist/runtime/plugins/{theme-provider.js → theme-provider-plugin.js} +0 -0
  193. /package/dist/runtime/plugins/{theme-provider.mjs → theme-provider-plugin.mjs} +0 -0
@@ -203,6 +203,34 @@
203
203
  :root {
204
204
  --el-color-danger-light-9: #7d1f1f;
205
205
  }
206
+ :root {
207
+ --el-color-error-light-1: #fde3e3;
208
+ }
209
+ :root {
210
+ --el-color-error-light-2: #fdcbcb;
211
+ }
212
+ :root {
213
+ --el-color-error-light-3: #faa7a7;
214
+ }
215
+ :root {
216
+ --el-color-error-light-4: #f35c5c;
217
+ }
218
+ :root {
219
+ --el-color-error-light-5: #eb4848;
220
+ --el-color-error: #eb4848;
221
+ }
222
+ :root {
223
+ --el-color-error-light-6: #d82a2a;
224
+ }
225
+ :root {
226
+ --el-color-error-light-7: #b52020;
227
+ }
228
+ :root {
229
+ --el-color-error-light-8: #961e1e;
230
+ }
231
+ :root {
232
+ --el-color-error-light-9: #7d1f1f;
233
+ }
206
234
  :root {
207
235
  --el-color-success-light-1: #f0f8ed;
208
236
  }
@@ -277,10 +305,10 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
277
305
  --el-button-border-color: var(--el-color-primary-light-5);
278
306
  --el-button-bg-color: var(--el-color-primary-light-5);
279
307
  --el-button-text-color: var(--el-color-white);
280
- --el-button-disabled-text-color: var(--el-disabled-text-color);
281
- --el-button-disabled-bg-color: var(--el-fill-color-blank);
282
- --el-button-disabled-border-color: var(--el-border-color-light);
283
- --el-button-divide-border-color: rgba(255, 255, 255, 0.5);
308
+ --el-button-disabled-text-color: var(--el-color-primary-light-1);
309
+ --el-button-disabled-bg-color: var(--el-color-primary-light-2);
310
+ --el-button-disabled-border-color: var(--el-color-primary-light-2);
311
+ --el-button-divide-border-color: var(--el-color-primary-light-4);
284
312
  --el-button-hover-text-color: var(--el-color-white);
285
313
  --el-button-hover-bg-color: var(--el-color-primary-light-4);
286
314
  --el-button-hover-border-color: var(--el-color-primary-light-4);
@@ -339,6 +367,7 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
339
367
  padding: 12px 15px;
340
368
  font-size: 14px;
341
369
  border-radius: var(--el-border-radius-base);
370
+ height: 40;
342
371
  }
343
372
  .el-button.is-round {
344
373
  padding: 12px 15px;
@@ -363,6 +392,10 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
363
392
  --el-button-bg-color: var(--el-color-white);
364
393
  --el-button-text-color: var(--el-color-primary);
365
394
  }
395
+ .el-button.is-plain.is-disabled, .el-button.is-plain.is-disabled:hover {
396
+ background-color: transparent;
397
+ --el-button-disabled-text-color: var(--el-color-primary-light-2);
398
+ }
366
399
 
367
400
  .el-button.is-active {
368
401
  color: var(--el-button-active-text-color);
@@ -372,8 +405,8 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
372
405
  }
373
406
 
374
407
  .el-button.is-disabled, .el-button.is-disabled:hover {
375
- color: var(--el-button-disabled-text-color);
376
408
  cursor: not-allowed;
409
+ color: var(--el-button-disabled-text-color);
377
410
  background-image: none;
378
411
  background-color: var(--el-button-disabled-bg-color);
379
412
  border-color: var(--el-button-disabled-border-color);
@@ -424,9 +457,10 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
424
457
  --el-button-bg-color: var(--el-color-primary-light-6);
425
458
  --el-button-border-color: var(--el-color-primary-light-6);
426
459
  }
427
- .el-button.is-text.is-disabled {
428
- color: var(--el-button-disabled-text-color);
429
- background-color: transparent !important;
460
+ .el-button.is-text.is-disabled, .el-button.is-text.is-disabled:hover {
461
+ background-color: transparent;
462
+ --el-button-text-color: var(--el-color-primary-light-2);
463
+ --el-button-disabled-text-color: var(--el-color-primary-light-2);
430
464
  }
431
465
 
432
466
  .el-button.is-text.el-button--primary:not(.is-disabled):hover {
@@ -693,12 +727,13 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
693
727
  --el-button-hover-border-color: var(--el-color-primary-light-4);
694
728
  --el-button-active-bg-color: var(--el-color-primary-light-6);
695
729
  --el-button-active-border-color: var(--el-color-primary-light-6);
696
- --el-button-disabled-text-color: var(--el-color-white);
730
+ --el-button-disabled-text-color: var(--el-color-primary-light-1);
697
731
  --el-button-disabled-bg-color: var(--el-color-primary-light-2);
698
732
  --el-button-disabled-border-color: var(--el-color-primary-light-2);
699
733
  }
700
734
  .el-button--primary.is-plain, .el-button--primary.is-text, .el-button--primary.is-link {
701
735
  --el-button-text-color: var(--el-color-primary);
736
+ --el-button-disabled-text-color: var(--el-color-primary-light-9);
702
737
  --el-button-bg-color: var(--el-color-white);
703
738
  --el-button-border-color: var(--el-color-primary-light-5);
704
739
  --el-button-hover-text-color: var(--el-color-primary-light-4);
@@ -710,7 +745,7 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
710
745
  }
711
746
  .el-button--primary.is-plain.is-disabled, .el-button--primary.is-plain.is-disabled:hover, .el-button--primary.is-plain.is-disabled:focus, .el-button--primary.is-plain.is-disabled:active, .el-button--primary.is-text.is-disabled, .el-button--primary.is-text.is-disabled:hover, .el-button--primary.is-text.is-disabled:focus, .el-button--primary.is-text.is-disabled:active, .el-button--primary.is-link.is-disabled, .el-button--primary.is-link.is-disabled:hover, .el-button--primary.is-link.is-disabled:focus, .el-button--primary.is-link.is-disabled:active {
712
747
  color: var(--el-color-primary-light-2);
713
- background-color: var(--el-color-white);
748
+ background-color: transparent;
714
749
  border-color: var(--el-color-primary-light-2);
715
750
  }
716
751
 
@@ -726,12 +761,13 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
726
761
  --el-button-hover-border-color: var(--el-color-secondary-light-4);
727
762
  --el-button-active-bg-color: var(--el-color-secondary-light-6);
728
763
  --el-button-active-border-color: var(--el-color-secondary-light-6);
729
- --el-button-disabled-text-color: var(--el-color-white);
764
+ --el-button-disabled-text-color: var(--el-color-secondary-light-1);
730
765
  --el-button-disabled-bg-color: var(--el-color-secondary-light-2);
731
766
  --el-button-disabled-border-color: var(--el-color-secondary-light-2);
732
767
  }
733
768
  .el-button--secondary.is-plain, .el-button--secondary.is-text, .el-button--secondary.is-link {
734
769
  --el-button-text-color: var(--el-color-secondary);
770
+ --el-button-disabled-text-color: var(--el-color-secondary-light-9);
735
771
  --el-button-bg-color: var(--el-color-white);
736
772
  --el-button-border-color: var(--el-color-secondary-light-5);
737
773
  --el-button-hover-text-color: var(--el-color-secondary-light-4);
@@ -743,7 +779,7 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
743
779
  }
744
780
  .el-button--secondary.is-plain.is-disabled, .el-button--secondary.is-plain.is-disabled:hover, .el-button--secondary.is-plain.is-disabled:focus, .el-button--secondary.is-plain.is-disabled:active, .el-button--secondary.is-text.is-disabled, .el-button--secondary.is-text.is-disabled:hover, .el-button--secondary.is-text.is-disabled:focus, .el-button--secondary.is-text.is-disabled:active, .el-button--secondary.is-link.is-disabled, .el-button--secondary.is-link.is-disabled:hover, .el-button--secondary.is-link.is-disabled:focus, .el-button--secondary.is-link.is-disabled:active {
745
781
  color: var(--el-color-secondary-light-2);
746
- background-color: var(--el-color-white);
782
+ background-color: transparent;
747
783
  border-color: var(--el-color-secondary-light-2);
748
784
  }
749
785
 
@@ -759,12 +795,13 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
759
795
  --el-button-hover-border-color: var(--el-color-neutral-light-4);
760
796
  --el-button-active-bg-color: var(--el-color-neutral-light-6);
761
797
  --el-button-active-border-color: var(--el-color-neutral-light-6);
762
- --el-button-disabled-text-color: var(--el-color-white);
798
+ --el-button-disabled-text-color: var(--el-color-neutral-light-1);
763
799
  --el-button-disabled-bg-color: var(--el-color-neutral-light-2);
764
800
  --el-button-disabled-border-color: var(--el-color-neutral-light-2);
765
801
  }
766
802
  .el-button--neutral.is-plain, .el-button--neutral.is-text, .el-button--neutral.is-link {
767
803
  --el-button-text-color: var(--el-color-neutral);
804
+ --el-button-disabled-text-color: var(--el-color-neutral-light-9);
768
805
  --el-button-bg-color: var(--el-color-white);
769
806
  --el-button-border-color: var(--el-color-neutral-light-5);
770
807
  --el-button-hover-text-color: var(--el-color-neutral-light-4);
@@ -776,7 +813,7 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
776
813
  }
777
814
  .el-button--neutral.is-plain.is-disabled, .el-button--neutral.is-plain.is-disabled:hover, .el-button--neutral.is-plain.is-disabled:focus, .el-button--neutral.is-plain.is-disabled:active, .el-button--neutral.is-text.is-disabled, .el-button--neutral.is-text.is-disabled:hover, .el-button--neutral.is-text.is-disabled:focus, .el-button--neutral.is-text.is-disabled:active, .el-button--neutral.is-link.is-disabled, .el-button--neutral.is-link.is-disabled:hover, .el-button--neutral.is-link.is-disabled:focus, .el-button--neutral.is-link.is-disabled:active {
778
815
  color: var(--el-color-neutral-light-2);
779
- background-color: var(--el-color-white);
816
+ background-color: transparent;
780
817
  border-color: var(--el-color-neutral-light-2);
781
818
  }
782
819
 
@@ -792,12 +829,13 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
792
829
  --el-button-hover-border-color: var(--el-color-success-light-4);
793
830
  --el-button-active-bg-color: var(--el-color-success-light-6);
794
831
  --el-button-active-border-color: var(--el-color-success-light-6);
795
- --el-button-disabled-text-color: var(--el-color-white);
832
+ --el-button-disabled-text-color: var(--el-color-success-light-1);
796
833
  --el-button-disabled-bg-color: var(--el-color-success-light-2);
797
834
  --el-button-disabled-border-color: var(--el-color-success-light-2);
798
835
  }
799
836
  .el-button--success.is-plain, .el-button--success.is-text, .el-button--success.is-link {
800
837
  --el-button-text-color: var(--el-color-success);
838
+ --el-button-disabled-text-color: var(--el-color-success-light-9);
801
839
  --el-button-bg-color: var(--el-color-white);
802
840
  --el-button-border-color: var(--el-color-success-light-5);
803
841
  --el-button-hover-text-color: var(--el-color-success-light-4);
@@ -809,7 +847,7 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
809
847
  }
810
848
  .el-button--success.is-plain.is-disabled, .el-button--success.is-plain.is-disabled:hover, .el-button--success.is-plain.is-disabled:focus, .el-button--success.is-plain.is-disabled:active, .el-button--success.is-text.is-disabled, .el-button--success.is-text.is-disabled:hover, .el-button--success.is-text.is-disabled:focus, .el-button--success.is-text.is-disabled:active, .el-button--success.is-link.is-disabled, .el-button--success.is-link.is-disabled:hover, .el-button--success.is-link.is-disabled:focus, .el-button--success.is-link.is-disabled:active {
811
849
  color: var(--el-color-success-light-2);
812
- background-color: var(--el-color-white);
850
+ background-color: transparent;
813
851
  border-color: var(--el-color-success-light-2);
814
852
  }
815
853
 
@@ -825,12 +863,13 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
825
863
  --el-button-hover-border-color: var(--el-color-warning-light-4);
826
864
  --el-button-active-bg-color: var(--el-color-warning-light-6);
827
865
  --el-button-active-border-color: var(--el-color-warning-light-6);
828
- --el-button-disabled-text-color: var(--el-color-white);
866
+ --el-button-disabled-text-color: var(--el-color-warning-light-1);
829
867
  --el-button-disabled-bg-color: var(--el-color-warning-light-2);
830
868
  --el-button-disabled-border-color: var(--el-color-warning-light-2);
831
869
  }
832
870
  .el-button--warning.is-plain, .el-button--warning.is-text, .el-button--warning.is-link {
833
871
  --el-button-text-color: var(--el-color-warning);
872
+ --el-button-disabled-text-color: var(--el-color-warning-light-9);
834
873
  --el-button-bg-color: var(--el-color-white);
835
874
  --el-button-border-color: var(--el-color-warning-light-5);
836
875
  --el-button-hover-text-color: var(--el-color-warning-light-4);
@@ -842,7 +881,7 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
842
881
  }
843
882
  .el-button--warning.is-plain.is-disabled, .el-button--warning.is-plain.is-disabled:hover, .el-button--warning.is-plain.is-disabled:focus, .el-button--warning.is-plain.is-disabled:active, .el-button--warning.is-text.is-disabled, .el-button--warning.is-text.is-disabled:hover, .el-button--warning.is-text.is-disabled:focus, .el-button--warning.is-text.is-disabled:active, .el-button--warning.is-link.is-disabled, .el-button--warning.is-link.is-disabled:hover, .el-button--warning.is-link.is-disabled:focus, .el-button--warning.is-link.is-disabled:active {
844
883
  color: var(--el-color-warning-light-2);
845
- background-color: var(--el-color-white);
884
+ background-color: transparent;
846
885
  border-color: var(--el-color-warning-light-2);
847
886
  }
848
887
 
@@ -858,12 +897,13 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
858
897
  --el-button-hover-border-color: var(--el-color-danger-light-4);
859
898
  --el-button-active-bg-color: var(--el-color-danger-light-6);
860
899
  --el-button-active-border-color: var(--el-color-danger-light-6);
861
- --el-button-disabled-text-color: var(--el-color-white);
900
+ --el-button-disabled-text-color: var(--el-color-danger-light-1);
862
901
  --el-button-disabled-bg-color: var(--el-color-danger-light-2);
863
902
  --el-button-disabled-border-color: var(--el-color-danger-light-2);
864
903
  }
865
904
  .el-button--danger.is-plain, .el-button--danger.is-text, .el-button--danger.is-link {
866
905
  --el-button-text-color: var(--el-color-danger);
906
+ --el-button-disabled-text-color: var(--el-color-danger-light-9);
867
907
  --el-button-bg-color: var(--el-color-white);
868
908
  --el-button-border-color: var(--el-color-danger-light-5);
869
909
  --el-button-hover-text-color: var(--el-color-danger-light-4);
@@ -875,7 +915,7 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
875
915
  }
876
916
  .el-button--danger.is-plain.is-disabled, .el-button--danger.is-plain.is-disabled:hover, .el-button--danger.is-plain.is-disabled:focus, .el-button--danger.is-plain.is-disabled:active, .el-button--danger.is-text.is-disabled, .el-button--danger.is-text.is-disabled:hover, .el-button--danger.is-text.is-disabled:focus, .el-button--danger.is-text.is-disabled:active, .el-button--danger.is-link.is-disabled, .el-button--danger.is-link.is-disabled:hover, .el-button--danger.is-link.is-disabled:focus, .el-button--danger.is-link.is-disabled:active {
877
917
  color: var(--el-color-danger-light-2);
878
- background-color: var(--el-color-white);
918
+ background-color: transparent;
879
919
  border-color: var(--el-color-danger-light-2);
880
920
  }
881
921
 
@@ -891,12 +931,13 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
891
931
  --el-button-hover-border-color: var(--el-color-error-light-4);
892
932
  --el-button-active-bg-color: var(--el-color-error-light-6);
893
933
  --el-button-active-border-color: var(--el-color-error-light-6);
894
- --el-button-disabled-text-color: var(--el-color-white);
934
+ --el-button-disabled-text-color: var(--el-color-error-light-1);
895
935
  --el-button-disabled-bg-color: var(--el-color-error-light-2);
896
936
  --el-button-disabled-border-color: var(--el-color-error-light-2);
897
937
  }
898
938
  .el-button--error.is-plain, .el-button--error.is-text, .el-button--error.is-link {
899
939
  --el-button-text-color: var(--el-color-error);
940
+ --el-button-disabled-text-color: var(--el-color-error-light-9);
900
941
  --el-button-bg-color: var(--el-color-white);
901
942
  --el-button-border-color: var(--el-color-error-light-5);
902
943
  --el-button-hover-text-color: var(--el-color-error-light-4);
@@ -908,7 +949,7 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
908
949
  }
909
950
  .el-button--error.is-plain.is-disabled, .el-button--error.is-plain.is-disabled:hover, .el-button--error.is-plain.is-disabled:focus, .el-button--error.is-plain.is-disabled:active, .el-button--error.is-text.is-disabled, .el-button--error.is-text.is-disabled:hover, .el-button--error.is-text.is-disabled:focus, .el-button--error.is-text.is-disabled:active, .el-button--error.is-link.is-disabled, .el-button--error.is-link.is-disabled:hover, .el-button--error.is-link.is-disabled:focus, .el-button--error.is-link.is-disabled:active {
910
951
  color: var(--el-color-error-light-2);
911
- background-color: var(--el-color-white);
952
+ background-color: transparent;
912
953
  border-color: var(--el-color-error-light-2);
913
954
  }
914
955
 
@@ -924,12 +965,13 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
924
965
  --el-button-hover-border-color: var(--el-color-info-light-4);
925
966
  --el-button-active-bg-color: var(--el-color-info-light-6);
926
967
  --el-button-active-border-color: var(--el-color-info-light-6);
927
- --el-button-disabled-text-color: var(--el-color-white);
968
+ --el-button-disabled-text-color: var(--el-color-info-light-1);
928
969
  --el-button-disabled-bg-color: var(--el-color-info-light-2);
929
970
  --el-button-disabled-border-color: var(--el-color-info-light-2);
930
971
  }
931
972
  .el-button--info.is-plain, .el-button--info.is-text, .el-button--info.is-link {
932
973
  --el-button-text-color: var(--el-color-info);
974
+ --el-button-disabled-text-color: var(--el-color-info-light-9);
933
975
  --el-button-bg-color: var(--el-color-white);
934
976
  --el-button-border-color: var(--el-color-info-light-5);
935
977
  --el-button-hover-text-color: var(--el-color-info-light-4);
@@ -941,7 +983,7 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
941
983
  }
942
984
  .el-button--info.is-plain.is-disabled, .el-button--info.is-plain.is-disabled:hover, .el-button--info.is-plain.is-disabled:focus, .el-button--info.is-plain.is-disabled:active, .el-button--info.is-text.is-disabled, .el-button--info.is-text.is-disabled:hover, .el-button--info.is-text.is-disabled:focus, .el-button--info.is-text.is-disabled:active, .el-button--info.is-link.is-disabled, .el-button--info.is-link.is-disabled:hover, .el-button--info.is-link.is-disabled:focus, .el-button--info.is-link.is-disabled:active {
943
985
  color: var(--el-color-info-light-2);
944
- background-color: var(--el-color-white);
986
+ background-color: transparent;
945
987
  border-color: var(--el-color-info-light-2);
946
988
  }
947
989
 
@@ -956,6 +998,7 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
956
998
  padding: 12px 15px;
957
999
  font-size: 14px;
958
1000
  border-radius: var(--el-border-radius-base);
1001
+ height: 40;
959
1002
  }
960
1003
  .el-button--large.is-round {
961
1004
  padding: 12px 15px;
@@ -977,6 +1020,7 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
977
1020
  padding: 8px 15px;
978
1021
  font-size: 14px;
979
1022
  border-radius: 4px;
1023
+ height: 40;
980
1024
  }
981
1025
  .el-button--medium.is-round {
982
1026
  padding: 8px 15px;
@@ -1001,6 +1045,7 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
1001
1045
  padding: 5px 15px;
1002
1046
  font-size: 12px;
1003
1047
  border-radius: 4px;
1048
+ height: 40;
1004
1049
  }
1005
1050
  .el-button--small.is-round {
1006
1051
  padding: 5px 15px;
@@ -1022,6 +1067,7 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
1022
1067
  padding: 5px 15px;
1023
1068
  font-size: 12px;
1024
1069
  border-radius: 4px;
1070
+ height: 40;
1025
1071
  }
1026
1072
  .el-button--mini.is-round {
1027
1073
  padding: 5px 15px;
@@ -203,6 +203,34 @@
203
203
  :root {
204
204
  --el-color-danger-light-9: #7d1f1f;
205
205
  }
206
+ :root {
207
+ --el-color-error-light-1: #fde3e3;
208
+ }
209
+ :root {
210
+ --el-color-error-light-2: #fdcbcb;
211
+ }
212
+ :root {
213
+ --el-color-error-light-3: #faa7a7;
214
+ }
215
+ :root {
216
+ --el-color-error-light-4: #f35c5c;
217
+ }
218
+ :root {
219
+ --el-color-error-light-5: #eb4848;
220
+ --el-color-error: #eb4848;
221
+ }
222
+ :root {
223
+ --el-color-error-light-6: #d82a2a;
224
+ }
225
+ :root {
226
+ --el-color-error-light-7: #b52020;
227
+ }
228
+ :root {
229
+ --el-color-error-light-8: #961e1e;
230
+ }
231
+ :root {
232
+ --el-color-error-light-9: #7d1f1f;
233
+ }
206
234
  :root {
207
235
  --el-color-success-light-1: #f0f8ed;
208
236
  }
@@ -203,6 +203,34 @@
203
203
  :root {
204
204
  --el-color-danger-light-9: #7d1f1f;
205
205
  }
206
+ :root {
207
+ --el-color-error-light-1: #fde3e3;
208
+ }
209
+ :root {
210
+ --el-color-error-light-2: #fdcbcb;
211
+ }
212
+ :root {
213
+ --el-color-error-light-3: #faa7a7;
214
+ }
215
+ :root {
216
+ --el-color-error-light-4: #f35c5c;
217
+ }
218
+ :root {
219
+ --el-color-error-light-5: #eb4848;
220
+ --el-color-error: #eb4848;
221
+ }
222
+ :root {
223
+ --el-color-error-light-6: #d82a2a;
224
+ }
225
+ :root {
226
+ --el-color-error-light-7: #b52020;
227
+ }
228
+ :root {
229
+ --el-color-error-light-8: #961e1e;
230
+ }
231
+ :root {
232
+ --el-color-error-light-9: #7d1f1f;
233
+ }
206
234
  :root {
207
235
  --el-color-success-light-1: #f0f8ed;
208
236
  }
@@ -274,8 +302,8 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
274
302
  **/
275
303
  .el-card {
276
304
  --el-card-border-color: var(--el-border-color-light);
277
- --el-card-border-radius: 4px;
278
- --el-card-padding: 20px;
305
+ --el-card-border-radius: 6px;
306
+ --el-card-padding: 24px;
279
307
  --el-card-bg-color: var(--el-fill-color-blank);
280
308
  }
281
309
 
@@ -296,17 +324,24 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
296
324
  }
297
325
 
298
326
  .el-card__header {
299
- padding: calc(var(--el-card-padding) - 2px) var(--el-card-padding);
300
- border-bottom: 1px solid var(--el-card-border-color);
327
+ padding: var(--el-card-padding) var(--el-card-padding) 0 var(--el-card-padding);
301
328
  box-sizing: border-box;
329
+ font-size: 18px;
330
+ line-height: 22px;
331
+ font-weight: 500;
302
332
  }
303
333
 
304
334
  .el-card__body {
305
335
  padding: var(--el-card-padding);
336
+ font-size: 14px;
337
+ line-height: 24px;
338
+ color: var(--el-color-neutral-light-8);
306
339
  }
307
340
 
308
341
  .el-card__footer {
309
- padding: calc(var(--el-card-padding) - 2px) var(--el-card-padding);
310
- border-top: 1px solid var(--el-card-border-color);
342
+ padding: 0 var(--el-card-padding) var(--el-card-padding) var(--el-card-padding);
311
343
  box-sizing: border-box;
344
+ color: var(--el-color-neutral-light-8);
345
+ font-size: 12px;
346
+ line-height: 16px;
312
347
  }
@@ -203,6 +203,34 @@
203
203
  :root {
204
204
  --el-color-danger-light-9: #7d1f1f;
205
205
  }
206
+ :root {
207
+ --el-color-error-light-1: #fde3e3;
208
+ }
209
+ :root {
210
+ --el-color-error-light-2: #fdcbcb;
211
+ }
212
+ :root {
213
+ --el-color-error-light-3: #faa7a7;
214
+ }
215
+ :root {
216
+ --el-color-error-light-4: #f35c5c;
217
+ }
218
+ :root {
219
+ --el-color-error-light-5: #eb4848;
220
+ --el-color-error: #eb4848;
221
+ }
222
+ :root {
223
+ --el-color-error-light-6: #d82a2a;
224
+ }
225
+ :root {
226
+ --el-color-error-light-7: #b52020;
227
+ }
228
+ :root {
229
+ --el-color-error-light-8: #961e1e;
230
+ }
231
+ :root {
232
+ --el-color-error-light-9: #7d1f1f;
233
+ }
206
234
  :root {
207
235
  --el-color-success-light-1: #f0f8ed;
208
236
  }
@@ -203,6 +203,34 @@
203
203
  :root {
204
204
  --el-color-danger-light-9: #7d1f1f;
205
205
  }
206
+ :root {
207
+ --el-color-error-light-1: #fde3e3;
208
+ }
209
+ :root {
210
+ --el-color-error-light-2: #fdcbcb;
211
+ }
212
+ :root {
213
+ --el-color-error-light-3: #faa7a7;
214
+ }
215
+ :root {
216
+ --el-color-error-light-4: #f35c5c;
217
+ }
218
+ :root {
219
+ --el-color-error-light-5: #eb4848;
220
+ --el-color-error: #eb4848;
221
+ }
222
+ :root {
223
+ --el-color-error-light-6: #d82a2a;
224
+ }
225
+ :root {
226
+ --el-color-error-light-7: #b52020;
227
+ }
228
+ :root {
229
+ --el-color-error-light-8: #961e1e;
230
+ }
231
+ :root {
232
+ --el-color-error-light-9: #7d1f1f;
233
+ }
206
234
  :root {
207
235
  --el-color-success-light-1: #f0f8ed;
208
236
  }
@@ -203,6 +203,34 @@
203
203
  :root {
204
204
  --el-color-danger-light-9: #7d1f1f;
205
205
  }
206
+ :root {
207
+ --el-color-error-light-1: #fde3e3;
208
+ }
209
+ :root {
210
+ --el-color-error-light-2: #fdcbcb;
211
+ }
212
+ :root {
213
+ --el-color-error-light-3: #faa7a7;
214
+ }
215
+ :root {
216
+ --el-color-error-light-4: #f35c5c;
217
+ }
218
+ :root {
219
+ --el-color-error-light-5: #eb4848;
220
+ --el-color-error: #eb4848;
221
+ }
222
+ :root {
223
+ --el-color-error-light-6: #d82a2a;
224
+ }
225
+ :root {
226
+ --el-color-error-light-7: #b52020;
227
+ }
228
+ :root {
229
+ --el-color-error-light-8: #961e1e;
230
+ }
231
+ :root {
232
+ --el-color-error-light-9: #7d1f1f;
233
+ }
206
234
  :root {
207
235
  --el-color-success-light-1: #f0f8ed;
208
236
  }
@@ -203,6 +203,34 @@
203
203
  :root {
204
204
  --el-color-danger-light-9: #7d1f1f;
205
205
  }
206
+ :root {
207
+ --el-color-error-light-1: #fde3e3;
208
+ }
209
+ :root {
210
+ --el-color-error-light-2: #fdcbcb;
211
+ }
212
+ :root {
213
+ --el-color-error-light-3: #faa7a7;
214
+ }
215
+ :root {
216
+ --el-color-error-light-4: #f35c5c;
217
+ }
218
+ :root {
219
+ --el-color-error-light-5: #eb4848;
220
+ --el-color-error: #eb4848;
221
+ }
222
+ :root {
223
+ --el-color-error-light-6: #d82a2a;
224
+ }
225
+ :root {
226
+ --el-color-error-light-7: #b52020;
227
+ }
228
+ :root {
229
+ --el-color-error-light-8: #961e1e;
230
+ }
231
+ :root {
232
+ --el-color-error-light-9: #7d1f1f;
233
+ }
206
234
  :root {
207
235
  --el-color-success-light-1: #f0f8ed;
208
236
  }
@@ -203,6 +203,34 @@
203
203
  :root {
204
204
  --el-color-danger-light-9: #7d1f1f;
205
205
  }
206
+ :root {
207
+ --el-color-error-light-1: #fde3e3;
208
+ }
209
+ :root {
210
+ --el-color-error-light-2: #fdcbcb;
211
+ }
212
+ :root {
213
+ --el-color-error-light-3: #faa7a7;
214
+ }
215
+ :root {
216
+ --el-color-error-light-4: #f35c5c;
217
+ }
218
+ :root {
219
+ --el-color-error-light-5: #eb4848;
220
+ --el-color-error: #eb4848;
221
+ }
222
+ :root {
223
+ --el-color-error-light-6: #d82a2a;
224
+ }
225
+ :root {
226
+ --el-color-error-light-7: #b52020;
227
+ }
228
+ :root {
229
+ --el-color-error-light-8: #961e1e;
230
+ }
231
+ :root {
232
+ --el-color-error-light-9: #7d1f1f;
233
+ }
206
234
  :root {
207
235
  --el-color-success-light-1: #f0f8ed;
208
236
  }
@@ -203,6 +203,34 @@
203
203
  :root {
204
204
  --el-color-danger-light-9: #7d1f1f;
205
205
  }
206
+ :root {
207
+ --el-color-error-light-1: #fde3e3;
208
+ }
209
+ :root {
210
+ --el-color-error-light-2: #fdcbcb;
211
+ }
212
+ :root {
213
+ --el-color-error-light-3: #faa7a7;
214
+ }
215
+ :root {
216
+ --el-color-error-light-4: #f35c5c;
217
+ }
218
+ :root {
219
+ --el-color-error-light-5: #eb4848;
220
+ --el-color-error: #eb4848;
221
+ }
222
+ :root {
223
+ --el-color-error-light-6: #d82a2a;
224
+ }
225
+ :root {
226
+ --el-color-error-light-7: #b52020;
227
+ }
228
+ :root {
229
+ --el-color-error-light-8: #961e1e;
230
+ }
231
+ :root {
232
+ --el-color-error-light-9: #7d1f1f;
233
+ }
206
234
  :root {
207
235
  --el-color-success-light-1: #f0f8ed;
208
236
  }
@@ -315,6 +343,7 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
315
343
  padding: 12px 15px;
316
344
  font-size: 14px;
317
345
  border-radius: 0;
346
+ height: 40;
318
347
  }
319
348
  .el-checkbox-button__inner.is-round {
320
349
  padding: 12px 15px;
@@ -379,6 +408,7 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
379
408
  padding: 12px 15px;
380
409
  font-size: 14px;
381
410
  border-radius: 0;
411
+ height: 40;
382
412
  }
383
413
  .el-checkbox-button--large .el-checkbox-button__inner.is-round {
384
414
  padding: 12px 15px;
@@ -390,6 +420,7 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
390
420
  padding: 8px 15px;
391
421
  font-size: 14px;
392
422
  border-radius: 0;
423
+ height: 40;
393
424
  }
394
425
  .el-checkbox-button--medium .el-checkbox-button__inner.is-round {
395
426
  padding: 8px 15px;
@@ -401,6 +432,7 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
401
432
  padding: 5px 15px;
402
433
  font-size: 12px;
403
434
  border-radius: 0;
435
+ height: 40;
404
436
  }
405
437
  .el-checkbox-button--small .el-checkbox-button__inner.is-round {
406
438
  padding: 5px 15px;
@@ -412,6 +444,7 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
412
444
  padding: 5px 15px;
413
445
  font-size: 12px;
414
446
  border-radius: 0;
447
+ height: 40;
415
448
  }
416
449
  .el-checkbox-button--mini .el-checkbox-button__inner.is-round {
417
450
  padding: 5px 15px;