helix-admin/helix-engage
1
0
Fork 0
mirror of https://dev.azure.com/globalhealthx/EMR/_git/helix-engage synced 2026-04-12 02:38:15 +00:00
Code Issues Packages Projects Releases Wiki Activity

reverted back to initial colors

Browse Source
This commit is contained in:
moulichand16
2026-03-31 15:05:05 +05:30
parent 65450ddd3e
commit 3cafe820cf
5 changed files with 23 additions and 40 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
src/components/application/app-navigation/base-components/nav-account-card.tsx
View File

@@ -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}

8
src/components/application/app-navigation/base-components/nav-item.tsx
View File

@@ -6,8 +6,8 @@ import { Badge } from "@/components/base/badges/badges";
import { cx, sortCx } from "@/utils/cx";
const styles = sortCx({
root: "group relative flex w-full cursor-pointer items-center rounded-md bg-transparent outline-focus-ring transition duration-100 ease-linear select-none hover:bg-[rgb(42,48,60)] focus-visible:z-10 focus-visible:outline-2 focus-visible:outline-offset-2",
rootSelected: "bg-[rgb(42,48,60)] hover:bg-[rgb(42,48,60)]",
root: "group relative flex w-full cursor-pointer items-center rounded-md bg-primary outline-focus-ring transition duration-100 ease-linear select-none hover:bg-primary_hover focus-visible:z-10 focus-visible:outline-2 focus-visible:outline-offset-2",
rootSelected: "bg-active hover:bg-secondary_hover border-l-2 border-l-brand-600 text-brand-secondary",
});
interface NavItemBaseProps {
@@ -48,9 +48,9 @@ export const NavItemBase = ({ current, type, badge, href, icon: Icon, children,
const labelElement = (
<span
className={cx(
"flex-1 text-md font-semibold transition-inherit-all",
"flex-1 text-md font-semibold text-secondary transition-inherit-all group-hover:text-secondary_hover",
truncate && "truncate",
current ? "text-[rgb(73,160,225)]" : "text-[rgb(255,255,255)] group-hover:text-[rgb(73,160,225)]",
current && "text-secondary_hover",
)}
>
{children}