VTabs.css 1.5 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667
  1. .v-tabs {
  2. display: flex;
  3. height: var(--v-tabs-height);
  4. }
  5. .v-tabs--density-default {
  6. --v-tabs-height: 48px;
  7. }
  8. .v-tabs--density-default.v-tabs--stacked {
  9. --v-tabs-height: 72px;
  10. }
  11. .v-tabs--density-comfortable {
  12. --v-tabs-height: 44px;
  13. }
  14. .v-tabs--density-comfortable.v-tabs--stacked {
  15. --v-tabs-height: 68px;
  16. }
  17. .v-tabs--density-compact {
  18. --v-tabs-height: 36px;
  19. }
  20. .v-tabs--density-compact.v-tabs--stacked {
  21. --v-tabs-height: 60px;
  22. }
  23. .v-tabs.v-slide-group--vertical {
  24. height: auto;
  25. flex: none;
  26. --v-tabs-height: 48px;
  27. }
  28. .v-tabs--align-tabs-title:not(.v-slide-group--has-affixes) .v-tab:first-child {
  29. margin-inline-start: 42px;
  30. }
  31. .v-tabs--fixed-tabs .v-slide-group__content > *:last-child,
  32. .v-tabs--align-tabs-center .v-slide-group__content > *:last-child {
  33. margin-inline-end: auto;
  34. }
  35. .v-tabs--fixed-tabs .v-slide-group__content > *:first-child,
  36. .v-tabs--align-tabs-center .v-slide-group__content > *:first-child {
  37. margin-inline-start: auto;
  38. }
  39. .v-tabs--grow {
  40. flex-grow: 1;
  41. }
  42. .v-tabs--grow .v-tab {
  43. flex: 1 0 auto;
  44. max-width: none;
  45. }
  46. .v-tabs--align-tabs-end .v-tab:first-child {
  47. margin-inline-start: auto;
  48. }
  49. .v-tabs--align-tabs-end .v-tab:last-child {
  50. margin-inline-end: 0;
  51. }
  52. @media (max-width: 1279.98px) {
  53. .v-tabs.v-slide-group--is-overflowing.v-slide-group--horizontal:not(.v-slide-group--has-affixes) .v-tab:first-child {
  54. margin-inline-start: 52px;
  55. }
  56. .v-tabs.v-slide-group--is-overflowing.v-slide-group--horizontal:not(.v-slide-group--has-affixes) .v-tab:last-child {
  57. margin-inline-end: 52px;
  58. }
  59. }