1
0
mirror of https://github.com/bitwarden/browser synced 2026-02-02 09:43:29 +00:00

fix tailwind class names

This commit is contained in:
maxkpower
2025-11-03 23:53:19 +01:00
parent 94ba01ba0d
commit 8af6252ff9

View File

@@ -23,7 +23,7 @@
<!-- Period Dropdown -->
<div class="tw-relative">
<select
class="tw-px-3 tw-py-1 tw-rounded-full tw-border tw-border-gray-400 dark:tw-border-gray-600 tw-flex tw-items-center tw-gap-2 hover:tw-bg-gray-50 dark:hover:tw-bg-gray-700 tw-bg-white dark:tw-bg-gray-800 tw-text-gray-600 dark:tw-text-gray-400 tw-text-sm tw-leading-tight tw-appearance-none tw-pr-8 tw-cursor-pointer focus:tw-outline-none focus:tw-ring-2 focus:tw-ring-primary-600"
class="tw-px-3 tw-py-1 tw-rounded-full tw-border tw-border-secondary-300 tw-flex tw-items-center tw-gap-2 hover:tw-bg-secondary-100 tw-bg-background tw-text-muted tw-text-sm tw-leading-tight tw-appearance-none tw-pr-8 tw-cursor-pointer focus:tw-outline-none focus:tw-ring-2 focus:tw-ring-primary-600"
[value]="selectedPeriod"
(change)="onPeriodChange($event)"
>
@@ -37,7 +37,7 @@
stroke-width="0"
viewBox="0 0 20 20"
aria-hidden="true"
class="tw-absolute tw-right-2 tw-top-1/2 tw-transform tw--translate-y-1/2 tw-w-3.5 tw-h-3.5 tw-text-gray-600 dark:tw-text-gray-400 tw-pointer-events-none"
class="tw-absolute tw-right-2 tw-top-1/2 tw-transform tw--translate-y-1/2 tw-size-3.5 tw-text-muted tw-pointer-events-none"
height="1em"
width="1em"
xmlns="http://www.w3.org/2000/svg"
@@ -73,14 +73,14 @@
<div class="tw-flex tw-gap-3 tw-items-center">
<div class="tw-flex tw-items-center tw-gap-1.5 tw-pl-1 tw-pr-2 tw-py-0.5 tw-rounded-lg">
<div
class="tw-w-2.5 tw-h-2.5 tw-rounded-full"
class="tw-size-2.5 tw-rounded-full"
[ngClass]="currentPeriodColor()"
[style.background-color]="currentPeriodStrokeColor()"
></div>
<span class="tw-text-main tw-text-xs">{{ "currentPeriod" | i18n }}</span>
</div>
<div class="tw-flex tw-items-center tw-gap-1.5 tw-pl-1 tw-pr-2 tw-py-0.5 tw-rounded-lg">
<div class="tw-w-2.5 tw-h-2.5 tw-rounded-full tw-bg-secondary-300"></div>
<div class="tw-size-2.5 tw-rounded-full tw-bg-secondary-300"></div>
<span class="tw-text-main tw-text-xs">{{ "previousPeriod" | i18n }}</span>
</div>
</div>
@@ -122,7 +122,7 @@
[attr.x]="yAxisX - 10"
[attr.y]="label.y + 4"
text-anchor="end"
class="tw-text-xs tw-fill-muted"
class="tw-text-xs tw-fill-current tw-text-muted"
>
{{ label.value }}
</text>
@@ -206,7 +206,7 @@
"
[attr.y]="chartHeight - chartPadding.bottom + 20"
text-anchor="middle"
class="tw-text-xs tw-fill-main tw-select-none"
class="tw-text-xs tw-fill-current tw-text-main tw-select-none"
>
{{ label }}
</text>
@@ -224,14 +224,14 @@
<div class="tw-flex tw-flex-col tw-gap-1">
<div class="tw-flex tw-items-center tw-gap-2">
<div
class="tw-w-2.5 tw-h-2.5 tw-rounded-full"
class="tw-size-2.5 tw-rounded-full"
[style.background-color]="currentPeriodStrokeColor()"
></div>
<span class="tw-text-xs tw-text-muted">{{ "currentPeriod" | i18n }}:</span>
<span class="tw-text-xs tw-font-semibold tw-text-main">{{ tooltip.currentValue }}</span>
</div>
<div class="tw-flex tw-items-center tw-gap-2">
<div class="tw-w-2.5 tw-h-2.5 tw-rounded-full tw-bg-secondary-300"></div>
<div class="tw-size-2.5 tw-rounded-full tw-bg-secondary-300"></div>
<span class="tw-text-xs tw-text-muted">{{ "previousPeriod" | i18n }}:</span>
<span class="tw-text-xs tw-font-semibold tw-text-main">{{ tooltip.previousValue }}</span>
</div>