update susbcription card style
This commit is contained in:
parent
c296913aed
commit
3286cb0e24
|
@ -29,7 +29,7 @@ export function SubscriptionCardContent({
|
|||
|
||||
return (
|
||||
<SpaceBetweenFlex
|
||||
flex={1}
|
||||
height={'100%'}
|
||||
flexDirection={'column'}
|
||||
padding={'20px 16px'}>
|
||||
<StorageSection
|
||||
|
|
|
@ -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>
|
||||
);
|
||||
}
|
||||
|
|
|
@ -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';
|
||||
|
|
Loading…
Reference in a new issue