mirror of
https://dev.azure.com/globalhealthx/EMR/_git/helix-engage
synced 2026-04-11 18:28:15 +00:00
reverted back to initial colors
This commit is contained in:
@@ -69,12 +69,11 @@ export const NavAccountMenu = ({
|
||||
<AriaDialog
|
||||
{...dialogProps}
|
||||
ref={dialogRef}
|
||||
className={cx("w-66 rounded-xl shadow-lg outline-hidden", className)}
|
||||
style={{ backgroundColor: 'rgb(28, 33, 44)' }}
|
||||
className={cx("w-66 rounded-xl bg-secondary_alt shadow-lg ring ring-secondary_alt outline-hidden", className)}
|
||||
>
|
||||
{({ close }) => (
|
||||
<>
|
||||
<div className="rounded-xl" style={{ backgroundColor: 'rgb(28, 33, 44)' }}>
|
||||
<div className="rounded-xl bg-primary ring-1 ring-secondary">
|
||||
<div className="flex flex-col gap-0.5 py-1.5">
|
||||
<NavAccountCardMenuItem label="View profile" icon={IconUser} shortcut="⌘K->P" />
|
||||
<NavAccountCardMenuItem label="Account settings" icon={IconSettings} shortcut="⌘S" />
|
||||
@@ -105,17 +104,17 @@ const NavAccountCardMenuItem = ({
|
||||
<button {...buttonProps} className={cx("group/item w-full cursor-pointer px-1.5 focus:outline-hidden", buttonProps.className)}>
|
||||
<div
|
||||
className={cx(
|
||||
"flex w-full items-center justify-between gap-3 rounded-md p-2 group-hover/item:bg-[rgb(42,48,60)]",
|
||||
"flex w-full items-center justify-between gap-3 rounded-md p-2 group-hover/item:bg-primary_hover",
|
||||
// Focus styles.
|
||||
"outline-focus-ring group-focus-visible/item:outline-2 group-focus-visible/item:outline-offset-2",
|
||||
)}
|
||||
>
|
||||
<div className="flex gap-2 text-sm font-semibold text-[rgb(255,255,255)] group-hover/item:text-[rgb(73,160,225)]">
|
||||
{Icon && <Icon className="size-5 text-[rgb(255,255,255)]" />} {label}
|
||||
<div className="flex gap-2 text-sm font-semibold text-secondary group-hover/item:text-secondary_hover">
|
||||
{Icon && <Icon className="size-5 text-fg-quaternary" />} {label}
|
||||
</div>
|
||||
|
||||
{shortcut && (
|
||||
<kbd className="flex rounded px-1 py-px font-body text-xs font-medium text-[rgb(255,255,255)] ring-1 ring-secondary ring-inset">{shortcut}</kbd>
|
||||
<kbd className="flex rounded px-1 py-px font-body text-xs font-medium text-tertiary ring-1 ring-secondary ring-inset">{shortcut}</kbd>
|
||||
)}
|
||||
</div>
|
||||
</button>
|
||||
@@ -146,7 +145,7 @@ export const NavAccountCard = ({
|
||||
}
|
||||
|
||||
return (
|
||||
<div ref={triggerRef} className="relative flex items-center gap-3 rounded-xl p-3">
|
||||
<div ref={triggerRef} className="relative flex items-center gap-3 rounded-xl p-3 ring-1 ring-secondary ring-inset">
|
||||
<AvatarLabelGroup
|
||||
size="md"
|
||||
src={selectedAccount.avatar}
|
||||
|
||||
Reference in New Issue
Block a user