mirror of
https://github.com/portainer/portainer.git
synced 2025-08-05 13:55:21 +02:00
chore(prettier): add tailwind prettier plugin [EE-4809] (#8221)
* add prettier plugin * apply tailwind prettier formatting
This commit is contained in:
parent
9f6702d0b8
commit
58d66d3142
226 changed files with 704 additions and 699 deletions
|
@ -148,7 +148,7 @@ input[type='checkbox'] {
|
|||
}
|
||||
|
||||
.text-warning {
|
||||
@apply text-warning-9 th-dark:text-warning-7 th-highcontrast:text-warning-1;
|
||||
@apply text-warning-9 th-highcontrast:text-warning-1 th-dark:text-warning-7;
|
||||
}
|
||||
|
||||
.widget .widget-body table tbody .image-tag {
|
||||
|
@ -778,5 +778,5 @@ input[style*='background-image: url("data:image/png'] {
|
|||
}
|
||||
|
||||
input:-webkit-autofill {
|
||||
@apply caret-[--grey-25] th-dark:caret-white th-highcontrast:caret-white;
|
||||
@apply caret-[--grey-25] th-highcontrast:caret-white th-dark:caret-white;
|
||||
}
|
||||
|
|
2
app/assets/css/bootstrap-override.css
vendored
2
app/assets/css/bootstrap-override.css
vendored
|
@ -185,7 +185,7 @@ input:checked + .slider:before {
|
|||
/* Widget */
|
||||
|
||||
.widget .widget-icon {
|
||||
@apply text-lg !p-2 mr-1;
|
||||
@apply mr-1 !p-2 text-lg;
|
||||
@apply bg-blue-3 text-blue-8;
|
||||
@apply th-dark:bg-gray-9 th-dark:text-blue-3;
|
||||
|
||||
|
|
|
@ -25,15 +25,15 @@ fieldset[disabled] .btn {
|
|||
}
|
||||
|
||||
.btn.btn-primary {
|
||||
@apply text-white bg-blue-8 border-blue-8;
|
||||
@apply hover:text-white hover:bg-blue-9 hover:border-blue-9;
|
||||
@apply th-dark:hover:bg-blue-7 th-dark:hover:border-blue-7;
|
||||
@apply border-blue-8 bg-blue-8 text-white;
|
||||
@apply hover:border-blue-9 hover:bg-blue-9 hover:text-white;
|
||||
@apply th-dark:hover:border-blue-7 th-dark:hover:bg-blue-7;
|
||||
}
|
||||
|
||||
.btn.btn-primary:active,
|
||||
.btn.btn-primary.active,
|
||||
.open > .dropdown-toggle.btn-primary {
|
||||
@apply bg-blue-9 border-blue-5;
|
||||
@apply border-blue-5 bg-blue-9;
|
||||
}
|
||||
|
||||
.nav-pills > li.active > a,
|
||||
|
@ -46,29 +46,29 @@ fieldset[disabled] .btn {
|
|||
.btn.btn-secondary {
|
||||
@apply border border-solid;
|
||||
|
||||
@apply text-blue-9 bg-blue-2 border-blue-8;
|
||||
@apply border-blue-8 bg-blue-2 text-blue-9;
|
||||
@apply hover:bg-blue-3;
|
||||
|
||||
@apply th-dark:text-blue-3 th-dark:bg-gray-10 th-dark:border-blue-7;
|
||||
@apply th-dark:border-blue-7 th-dark:bg-gray-10 th-dark:text-blue-3;
|
||||
@apply th-dark:hover:bg-blue-11;
|
||||
}
|
||||
|
||||
.btn.btn-danger {
|
||||
@apply bg-error-8 border-error-8;
|
||||
@apply hover:bg-error-7 hover:border-error-7 hover:text-white;
|
||||
@apply border-error-8 bg-error-8;
|
||||
@apply hover:border-error-7 hover:bg-error-7 hover:text-white;
|
||||
}
|
||||
|
||||
.btn.btn-danger:active,
|
||||
.btn.btn-danger.active,
|
||||
.open > .dropdown-toggle.btn-danger {
|
||||
@apply bg-error-8 text-white border-blue-5;
|
||||
@apply border-blue-5 bg-error-8 text-white;
|
||||
}
|
||||
|
||||
.btn.btn-dangerlight {
|
||||
@apply text-error-9 th-dark:text-white;
|
||||
@apply bg-error-3 th-dark:bg-error-9;
|
||||
@apply hover:bg-error-2 th-dark:hover:bg-error-11;
|
||||
@apply border-error-5 th-dark:border-error-7 th-highcontrast:border-error-7;
|
||||
@apply border-error-5 th-highcontrast:border-error-7 th-dark:border-error-7;
|
||||
@apply border border-solid;
|
||||
}
|
||||
|
||||
|
@ -83,15 +83,15 @@ fieldset[disabled] .btn {
|
|||
/* secondary-grey */
|
||||
.btn.btn-default,
|
||||
.btn.btn-light {
|
||||
@apply bg-white border-gray-5 text-gray-9;
|
||||
@apply hover:bg-gray-3 hover:border-gray-5 hover:text-gray-10;
|
||||
@apply border-gray-5 bg-white text-gray-9;
|
||||
@apply hover:border-gray-5 hover:bg-gray-3 hover:text-gray-10;
|
||||
|
||||
/* dark mode */
|
||||
@apply th-dark:bg-gray-iron-10 th-dark:border-gray-warm-7 th-dark:text-gray-warm-4;
|
||||
@apply th-dark:hover:bg-gray-iron-9 th-dark:hover:border-gray-6 th-dark:hover:text-gray-warm-4;
|
||||
@apply th-dark:border-gray-warm-7 th-dark:bg-gray-iron-10 th-dark:text-gray-warm-4;
|
||||
@apply th-dark:hover:border-gray-6 th-dark:hover:bg-gray-iron-9 th-dark:hover:text-gray-warm-4;
|
||||
|
||||
@apply th-highcontrast:bg-black th-highcontrast:border-gray-2 th-highcontrast:text-white;
|
||||
@apply th-highcontrast:hover:bg-gray-9 th-highcontrast:hover:border-gray-6 th-highcontrast:hover:text-gray-warm-4;
|
||||
@apply th-highcontrast:border-gray-2 th-highcontrast:bg-black th-highcontrast:text-white;
|
||||
@apply th-highcontrast:hover:border-gray-6 th-highcontrast:hover:bg-gray-9 th-highcontrast:hover:text-gray-warm-4;
|
||||
}
|
||||
|
||||
.btn.btn-light:active,
|
||||
|
@ -112,8 +112,8 @@ fieldset[disabled] .btn {
|
|||
|
||||
.input-group-btn .btn.active,
|
||||
.btn-group .btn.active {
|
||||
@apply bg-blue-2 text-blue-10 border-blue-5;
|
||||
@apply th-dark:bg-blue-11 th-dark:text-blue-2 th-dark:border-blue-9;
|
||||
@apply border-blue-5 bg-blue-2 text-blue-10;
|
||||
@apply th-dark:border-blue-9 th-dark:bg-blue-11 th-dark:text-blue-2;
|
||||
}
|
||||
|
||||
/* focus */
|
||||
|
@ -149,14 +149,14 @@ fieldset[disabled] .btn {
|
|||
a.no-link,
|
||||
a[ng-click] {
|
||||
@apply text-current;
|
||||
@apply hover:no-underline hover:text-current;
|
||||
@apply focus:no-underline focus:text-current;
|
||||
@apply hover:text-current hover:no-underline;
|
||||
@apply focus:text-current focus:no-underline;
|
||||
}
|
||||
|
||||
a,
|
||||
a.hyperlink {
|
||||
@apply text-blue-8 hover:text-blue-9;
|
||||
@apply hover:underline cursor-pointer;
|
||||
@apply cursor-pointer hover:underline;
|
||||
}
|
||||
|
||||
a.no-decoration {
|
||||
|
|
|
@ -67,7 +67,7 @@ pr-icon {
|
|||
|
||||
.icon-warning,
|
||||
.icon-orange {
|
||||
@apply text-warning-9 th-dark:text-warning-7 th-highcontrast:text-warning-1;
|
||||
@apply text-warning-9 th-highcontrast:text-warning-1 th-dark:text-warning-7;
|
||||
}
|
||||
|
||||
.icon.icon-warning-alt {
|
||||
|
|
|
@ -42,7 +42,7 @@
|
|||
/* today's date tile */
|
||||
.react-datetime-picker .react-calendar__tile--now {
|
||||
/* use background color to avoid white on yellow in dark/high contrast modes */
|
||||
@apply th-dark:text-[color:var(--bg-calendar-color)] th-highcontrast:text-[color:var(--bg-calendar-color)];
|
||||
@apply th-highcontrast:text-[color:var(--bg-calendar-color)] th-dark:text-[color:var(--bg-calendar-color)];
|
||||
}
|
||||
.react-datetime-picker .react-calendar__tile--now:enabled:hover,
|
||||
.react-datetime-picker .react-calendar__tile--now:enabled:focus {
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue