2
0

Add dark mode (#191)

Closes #189
This commit is contained in:
Baptiste Arnaud
2022-12-20 16:55:43 +01:00
committed by GitHub
parent 054cbb3585
commit 3394fa5e0a
77 changed files with 1782 additions and 601 deletions

View File

@ -44,7 +44,7 @@ export const CurrentSubscriptionContent = ({
const isSubscribed = (plan === Plan.STARTER || plan === Plan.PRO) && stripeId
return (
<Stack spacing="2">
<Stack spacing="4">
<Heading fontSize="3xl">Subscription</Heading>
<HStack data-testid="current-subscription">
<Text>Current workspace subscription: </Text>
@ -70,7 +70,7 @@ export const CurrentSubscriptionContent = ({
{isSubscribed && !isCancelling && (
<>
<Stack spacing="1">
<Stack spacing="4">
<Text fontSize="sm">
Need to change payment method or billing information? Head over to
your billing portal:

View File

@ -12,6 +12,7 @@ import {
Tooltip,
Flex,
Tag,
useColorModeValue,
} from '@chakra-ui/react'
import { ChevronLeftIcon } from '@/components/icons'
import { useWorkspace } from '@/features/workspace'
@ -126,7 +127,7 @@ export const ProPlanContent = ({
flex="1"
flexShrink={0}
borderWidth="1px"
borderColor="blue.500"
borderColor={useColorModeValue('blue.500', 'blue.300')}
rounded="lg"
>
<Flex justifyContent="center">
@ -134,6 +135,7 @@ export const ProPlanContent = ({
pos="absolute"
top="-10px"
colorScheme="blue"
bg={useColorModeValue('blue.500', 'blue.400')}
variant="solid"
fontWeight="semibold"
style={{ marginTop: 0 }}