TerribleDev/ente
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

nf tweak

Browse Source
This commit is contained in:
Manav Rathi
2025-01-29 12:40:21 +05:30
parent 6134baea55
commit bd13a2373a
1 changed files with 23 additions and 30 deletions
Download Patch File Download Diff File Expand all files Collapse all files

53
web/apps/photos/src/components/Sidebar/SubscriptionCard.tsx
View File

@@ -50,17 +50,14 @@ export const SubscriptionCard: React.FC<SubscriptionCardProps> = ({
);
};
const BackgroundOverlay: React.FC = () => {
return (
<img
style={{ aspectRatio: "2/1" }}
width="100%"
src="/images/subscription-card-background/1x.png"
srcSet="/images/subscription-card-background/2x.png 2x,
/images/subscription-card-background/3x.png 3x"
/>
);
};
const BackgroundOverlay: React.FC = () => (
<img
style={{ aspectRatio: "2/1" }}
width="100%"
src="/images/subscription-card-background/1x.png"
srcSet="/images/subscription-card-background/2x.png 2x, /images/subscription-card-background/3x.png 3x"
/>
);
const ClickOverlay: React.FC<ButtonishProps> = ({ onClick }) => (
<Overlay
@@ -82,25 +79,21 @@ interface SubscriptionCardContentOverlayProps {
export const SubscriptionCardContentOverlay: React.FC<
SubscriptionCardContentOverlayProps
> = ({ userDetails }) => {
return (
<Overlay>
<SpaceBetweenFlex
height={"100%"}
flexDirection={"column"}
padding={"20px 16px"}
>
{userDetails && isPartOfFamilyWithOtherMembers(userDetails) ? (
<FamilySubscriptionCardContent userDetails={userDetails} />
) : (
<IndividualSubscriptionCardContent
userDetails={userDetails}
/>
)}
</SpaceBetweenFlex>
</Overlay>
);
};
> = ({ userDetails }) => (
<Overlay>
<SpaceBetweenFlex
height={"100%"}
flexDirection={"column"}
padding={"20px 16px"}
>
{userDetails && isPartOfFamilyWithOtherMembers(userDetails) ? (
<FamilySubscriptionCardContent userDetails={userDetails} />
) : (
<IndividualSubscriptionCardContent userDetails={userDetails} />
)}
</SpaceBetweenFlex>
</Overlay>
);
interface IndividualSubscriptionCardContentProps {
userDetails: UserDetails;