pepepper/fluxer
1
0 Fork 0
mirror of https://github.com/fluxerapp/fluxer synced 2026-10-17 13:05:32 +09:00
Code Issues Packages Projects Releases Wiki Activity

fix(app): let the profile popout banner fill its header (#1953)

Browse Source
This commit is contained in:
Hampus authored and GitHub committed 2026-08-24 12:52:16 +02:00
1 parent 54360708d9
commit 26939eccce
1 file changed
+3 -4
Download Patch File Download Diff File Expand all files Collapse all files
fluxer_app/src/features/user/components/profile/profile_card/ProfileCardBanner.tsx
+3 -4
View File
@@ -43,7 +43,7 @@ export const ProfileCardBanner: React.FC<ProfileCardBannerProps> = observer(
onAvatarClick, onAvatarClick,
onAvatarContextMenu, onAvatarContextMenu,
onBannerContextMenu, onBannerContextMenu,
headerHeight = 140, headerHeight = PROFILE_POPOUT_GEOMETRY.headerHeightPx,
}) => { }) => {
const bannerHeight = PROFILE_POPOUT_GEOMETRY.bannerHeightPx; const bannerHeight = PROFILE_POPOUT_GEOMETRY.bannerHeightPx;
const reactId = useId(); const reactId = useId();
@@ -65,12 +65,11 @@ export const ProfileCardBanner: React.FC<ProfileCardBannerProps> = observer(
}); });
const bannerStyle = useMemo<React.CSSProperties>( const bannerStyle = useMemo<React.CSSProperties>(
() => ({ () => ({
height: remFromPx(bannerHeight), height: '100%',
minHeight: remFromPx(bannerHeight),
backgroundColor: bannerColor, backgroundColor: bannerColor,
...(activeBannerUrl ? {backgroundImage: `url(${activeBannerUrl})`} : {}), ...(activeBannerUrl ? {backgroundImage: `url(${activeBannerUrl})`} : {}),
}), }),
[activeBannerUrl, bannerColor, bannerHeight], [activeBannerUrl, bannerColor],
); );
return ( return (
<header <header