fix: use tailwind for menu switcher ring

This commit is contained in:
Lucas Smith
2024-03-16 12:18:12 +00:00
parent e29bfbf5e0
commit 3598bd0139
2 changed files with 1 additions and 15 deletions

View File

@ -93,7 +93,7 @@ export const MenuSwitcher = ({ user, teams: initialTeamsData }: MenuSwitcherProp
<Button
data-testid="menu-switcher"
variant="none"
className="no-hover-focus relative flex h-12 flex-row items-center px-2 py-2 ring-0 hover:bg-transparent focus:outline-none focus-visible:ring-0"
className="relative flex h-12 flex-row items-center px-2 py-2 ring-0 focus:outline-none focus-visible:border-0 focus-visible:ring-0 focus-visible:ring-transparent"
>
<AvatarWithText
avatarFallback={formatAvatarFallback(selectedTeam?.name)}

View File

@ -138,17 +138,3 @@
.swagger-dark-theme .swagger-ui .microlight {
filter: invert(100%) hue-rotate(180deg);
}
/* Custom class to override the corner focus ring */
.no-hover-focus {
outline: none !important;
box-shadow: none !important;
background-color: inherit;
color: inherit;
border-color: inherit;
}
.no-hover-focus:focus-visible {
outline: none !important;
box-shadow: none !important;
}