refactor: replace button with Button component in TeamDetailView for improved styling
- Updated the headerExtra section in TeamDetailView to use a Button component instead of a button element, enhancing the visual consistency and styling. - Adjusted the Button properties to align with the design system, including variant and size adjustments.
This commit is contained in:
parent
1498350cb1
commit
0ab2b8d769
1 changed files with 5 additions and 4 deletions
|
|
@ -1013,9 +1013,10 @@ export const TeamDetailView = ({ teamName }: TeamDetailViewProps): React.JSX.Ele
|
||||||
headerExtra={
|
headerExtra={
|
||||||
<Tooltip>
|
<Tooltip>
|
||||||
<TooltipTrigger asChild>
|
<TooltipTrigger asChild>
|
||||||
<button
|
<Button
|
||||||
type="button"
|
variant="ghost"
|
||||||
className="pointer-events-auto rounded p-0.5 text-[var(--color-text-muted)] transition-colors hover:text-[var(--color-text-secondary)]"
|
size="sm"
|
||||||
|
className="pointer-events-auto size-6 p-0 text-[var(--color-text-muted)] hover:text-[var(--color-text-secondary)]"
|
||||||
onClick={(e) => {
|
onClick={(e) => {
|
||||||
e.stopPropagation();
|
e.stopPropagation();
|
||||||
void window.electronAPI.openExternal(
|
void window.electronAPI.openExternal(
|
||||||
|
|
@ -1024,7 +1025,7 @@ export const TeamDetailView = ({ teamName }: TeamDetailViewProps): React.JSX.Ele
|
||||||
}}
|
}}
|
||||||
>
|
>
|
||||||
<Bell size={12} />
|
<Bell size={12} />
|
||||||
</button>
|
</Button>
|
||||||
</TooltipTrigger>
|
</TooltipTrigger>
|
||||||
<TooltipContent side="top">Desktop notifications plugin</TooltipContent>
|
<TooltipContent side="top">Desktop notifications plugin</TooltipContent>
|
||||||
</Tooltip>
|
</Tooltip>
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue