matty/ncd-fe
1
0
Fork 0
Code Issues Pull Requests Actions 3 Packages Projects Releases Wiki Activity

nicolium: fix 'exploding buttons #81', finally

Browse Source 
Signed-off-by: nicole mikołajczyk <git@mkljczk.pl>
This commit is contained in:
nicole mikołajczyk
2026-03-21 18:48:35 +01:00
parent e96a19154a
commit 5a6b084348
1 changed files with 6 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
packages/nicolium/src/components/accounts/account.tsx
View File

@ -207,15 +207,17 @@ const Account = ({
useLayoutEffect(() => {
const onResize = () => {
console.log('resizing');
const style: React.CSSProperties = {};
const actionWidth = actionRef.current?.clientWidth ?? 0;
if (overflowRef.current) {
const maxWidth = overflowRef.current.classList.contains('w-fit')
? overflowRef.current.parentElement!.clientWidth
: overflowRef.current.clientWidth;
style.maxWidth = Math.max(
0,
overflowRef.current.clientWidth -
(withAvatar ? avatarSize + 12 : 0) -
(actionWidth ? actionWidth + 12 : 0),
maxWidth - (withAvatar ? avatarSize + 12 : 0) - (actionWidth ? actionWidth + 12 : 0),
);
}
@ -344,9 +346,8 @@ const Account = ({
className={clsx('⁂-account-card', {
'⁂-account-card--action-top': actionAlignment === 'top',
})}
ref={overflowRef}
>
<div>
<div className='w-fit min-w-full' ref={overflowRef}>
<div
className={clsx(
'flex max-w-full items-center gap-3',