mirror of
https://dev.azure.com/globalhealthx/EMR/_git/helix-engage
synced 2026-04-12 02:38:15 +00:00
Merge branch 'dev-main' into dev-kartik
This commit is contained in:
@@ -20,8 +20,8 @@ export const AvatarLabelGroup = ({ title, subtitle, className, ...props }: Avata
|
||||
<figure className={cx("group flex min-w-0 flex-1 items-center", styles[props.size].root, className)}>
|
||||
<Avatar {...props} />
|
||||
<figcaption className="min-w-0 flex-1">
|
||||
<p className={cx("text-primary", styles[props.size].title)}>{title}</p>
|
||||
<p className={cx("truncate text-tertiary", styles[props.size].subtitle)}>{subtitle}</p>
|
||||
<p className={cx("text-white", styles[props.size].title)}>{title}</p>
|
||||
<p className={cx("truncate text-white opacity-70", styles[props.size].subtitle)}>{subtitle}</p>
|
||||
</figcaption>
|
||||
</figure>
|
||||
);
|
||||
|
||||
14
src/components/base/avatar/base-components/avatar-count.tsx
Normal file
14
src/components/base/avatar/base-components/avatar-count.tsx
Normal file
@@ -0,0 +1,14 @@
|
||||
import { cx } from "@/utils/cx";
|
||||
|
||||
interface AvatarCountProps {
|
||||
count: number;
|
||||
className?: string;
|
||||
}
|
||||
|
||||
export const AvatarCount = ({ count, className }: AvatarCountProps) => (
|
||||
<div className={cx("absolute right-0 bottom-0 p-px", className)}>
|
||||
<div className="flex size-3.5 items-center justify-center rounded-full bg-fg-error-primary text-center text-[10px] leading-[13px] font-bold text-white">
|
||||
{count}
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
Reference in New Issue
Block a user