update susbcription card style
This commit is contained in:
parent
c296913aed
commit
3286cb0e24
|
@ -29,7 +29,7 @@ export function SubscriptionCardContent({
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<SpaceBetweenFlex
|
<SpaceBetweenFlex
|
||||||
flex={1}
|
height={'100%'}
|
||||||
flexDirection={'column'}
|
flexDirection={'column'}
|
||||||
padding={'20px 16px'}>
|
padding={'20px 16px'}>
|
||||||
<StorageSection
|
<StorageSection
|
||||||
|
|
|
@ -1,7 +1,7 @@
|
||||||
import { BackgroundOverlay } from './backgroundOverlay';
|
import { BackgroundOverlay } from './backgroundOverlay';
|
||||||
import { ClickOverlay } from './clickOverlay';
|
import { ClickOverlay } from './clickOverlay';
|
||||||
import React, { useContext } from 'react';
|
import React, { useContext } from 'react';
|
||||||
import { Skeleton } from '@mui/material';
|
import { Box, Skeleton } from '@mui/material';
|
||||||
import { UserDetails } from 'types/user';
|
import { UserDetails } from 'types/user';
|
||||||
|
|
||||||
import { GalleryContext } from 'pages/gallery';
|
import { GalleryContext } from 'pages/gallery';
|
||||||
|
@ -11,7 +11,6 @@ import {
|
||||||
isPartOfFamily,
|
isPartOfFamily,
|
||||||
} from 'utils/billing';
|
} from 'utils/billing';
|
||||||
import { SubscriptionCardContent } from './contentOverlay';
|
import { SubscriptionCardContent } from './contentOverlay';
|
||||||
import { FlexWrapper } from 'components/Container';
|
|
||||||
|
|
||||||
const SUBSCRIPTION_CARD_SIZE = 152;
|
const SUBSCRIPTION_CARD_SIZE = 152;
|
||||||
|
|
||||||
|
@ -42,10 +41,7 @@ export default function SubscriptionCard({
|
||||||
!isFamilyAdmin(userDetails.familyData);
|
!isFamilyAdmin(userDetails.familyData);
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<FlexWrapper
|
<Box position="relative" height={SUBSCRIPTION_CARD_SIZE}>
|
||||||
flexDirection={'column'}
|
|
||||||
position="relative"
|
|
||||||
height={SUBSCRIPTION_CARD_SIZE}>
|
|
||||||
<SubscriptionCardContent
|
<SubscriptionCardContent
|
||||||
hasNonAdminFamilyMembers={hasNonAdminFamilyMembers}
|
hasNonAdminFamilyMembers={hasNonAdminFamilyMembers}
|
||||||
userDetails={userDetails}
|
userDetails={userDetails}
|
||||||
|
@ -58,6 +54,6 @@ export default function SubscriptionCard({
|
||||||
: showPlanSelectorModal
|
: showPlanSelectorModal
|
||||||
}
|
}
|
||||||
/>
|
/>
|
||||||
</FlexWrapper>
|
</Box>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|
|
@ -51,7 +51,8 @@ import {
|
||||||
import SelectedFileOptions from 'components/pages/gallery/SelectedFileOptions';
|
import SelectedFileOptions from 'components/pages/gallery/SelectedFileOptions';
|
||||||
import CollectionSelector, {
|
import CollectionSelector, {
|
||||||
CollectionSelectorAttributes,
|
CollectionSelectorAttributes,
|
||||||
} from 'components/pages/gallery/CollectionSelector';
|
} from 'components/Collections/CollectionSelector';
|
||||||
|
|
||||||
import CollectionNamer, {
|
import CollectionNamer, {
|
||||||
CollectionNamerAttributes,
|
CollectionNamerAttributes,
|
||||||
} from 'components/Collections/CollectionNamer';
|
} from 'components/Collections/CollectionNamer';
|
||||||
|
|
Loading…
Reference in a new issue