update susbcription card style

This commit is contained in:
Abhinav 2022-06-25 17:07:09 +05:30
parent c296913aed
commit 3286cb0e24
3 changed files with 6 additions and 9 deletions

View file

@ -29,7 +29,7 @@ export function SubscriptionCardContent({
return (
<SpaceBetweenFlex
flex={1}
height={'100%'}
flexDirection={'column'}
padding={'20px 16px'}>
<StorageSection

View file

@ -1,7 +1,7 @@
import { BackgroundOverlay } from './backgroundOverlay';
import { ClickOverlay } from './clickOverlay';
import React, { useContext } from 'react';
import { Skeleton } from '@mui/material';
import { Box, Skeleton } from '@mui/material';
import { UserDetails } from 'types/user';
import { GalleryContext } from 'pages/gallery';
@ -11,7 +11,6 @@ import {
isPartOfFamily,
} from 'utils/billing';
import { SubscriptionCardContent } from './contentOverlay';
import { FlexWrapper } from 'components/Container';
const SUBSCRIPTION_CARD_SIZE = 152;
@ -42,10 +41,7 @@ export default function SubscriptionCard({
!isFamilyAdmin(userDetails.familyData);
return (
<FlexWrapper
flexDirection={'column'}
position="relative"
height={SUBSCRIPTION_CARD_SIZE}>
<Box position="relative" height={SUBSCRIPTION_CARD_SIZE}>
<SubscriptionCardContent
hasNonAdminFamilyMembers={hasNonAdminFamilyMembers}
userDetails={userDetails}
@ -58,6 +54,6 @@ export default function SubscriptionCard({
: showPlanSelectorModal
}
/>
</FlexWrapper>
</Box>
);
}

View file

@ -51,7 +51,8 @@ import {
import SelectedFileOptions from 'components/pages/gallery/SelectedFileOptions';
import CollectionSelector, {
CollectionSelectorAttributes,
} from 'components/pages/gallery/CollectionSelector';
} from 'components/Collections/CollectionSelector';
import CollectionNamer, {
CollectionNamerAttributes,
} from 'components/Collections/CollectionNamer';