feat: Subtler user badge style

This commit is contained in:
Jay Sitter 2023-07-04 00:31:46 -04:00
parent b1292b958a
commit ae3945b173

View file

@ -53,7 +53,7 @@ export class UserBadges extends Component<UserBadgesProps> {
{getRoleLabelPill({ {getRoleLabelPill({
label: I18NextService.i18n.t("banned"), label: I18NextService.i18n.t("banned"),
tooltip: I18NextService.i18n.t("banned"), tooltip: I18NextService.i18n.t("banned"),
classes: "text-bg-danger", classes: "text-danger border border-danger",
shrink: false, shrink: false,
})} })}
</span> </span>
@ -63,7 +63,7 @@ export class UserBadges extends Component<UserBadgesProps> {
{getRoleLabelPill({ {getRoleLabelPill({
label: I18NextService.i18n.t("deleted"), label: I18NextService.i18n.t("deleted"),
tooltip: I18NextService.i18n.t("deleted"), tooltip: I18NextService.i18n.t("deleted"),
classes: "text-bg-danger", classes: "text-danger border border-danger",
shrink: false, shrink: false,
})} })}
</span> </span>
@ -74,7 +74,7 @@ export class UserBadges extends Component<UserBadgesProps> {
{getRoleLabelPill({ {getRoleLabelPill({
label: I18NextService.i18n.t("op").toUpperCase(), label: I18NextService.i18n.t("op").toUpperCase(),
tooltip: I18NextService.i18n.t("creator"), tooltip: I18NextService.i18n.t("creator"),
classes: "text-bg-info", classes: "text-info border border-info",
shrink: false, shrink: false,
})} })}
</span> </span>
@ -84,7 +84,7 @@ export class UserBadges extends Component<UserBadgesProps> {
{getRoleLabelPill({ {getRoleLabelPill({
label: I18NextService.i18n.t("mod"), label: I18NextService.i18n.t("mod"),
tooltip: I18NextService.i18n.t("mod"), tooltip: I18NextService.i18n.t("mod"),
classes: "text-bg-primary", classes: "text-primary border border-primary",
})} })}
</span> </span>
)} )}
@ -93,7 +93,7 @@ export class UserBadges extends Component<UserBadgesProps> {
{getRoleLabelPill({ {getRoleLabelPill({
label: I18NextService.i18n.t("admin"), label: I18NextService.i18n.t("admin"),
tooltip: I18NextService.i18n.t("admin"), tooltip: I18NextService.i18n.t("admin"),
classes: "text-bg-danger", classes: "text-danger border border-danger",
})} })}
</span> </span>
)} )}