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 ( return (
<SpaceBetweenFlex <SpaceBetweenFlex
flex={1} height={'100%'}
flexDirection={'column'} flexDirection={'column'}
padding={'20px 16px'}> padding={'20px 16px'}>
<StorageSection <StorageSection

View file

@ -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>
); );
} }

View file

@ -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';