fix styling

This commit is contained in:
AykutSarac 2024-05-15 18:06:37 +03:00
parent 74c24959a9
commit 92a8e9f116
No known key found for this signature in database
2 changed files with 5 additions and 2 deletions

View File

@ -83,6 +83,7 @@ export const UpgradeModal = ({ opened, onClose }: ModalProps) => {
px="sm"
style={{
borderColor: getBorderColor("monthly"),
cursor: "pointer",
}}
onClick={() => setPlan("monthly")}
>
@ -95,12 +96,13 @@ export const UpgradeModal = ({ opened, onClose }: ModalProps) => {
p="sm"
style={{
borderColor: getBorderColor("annual"),
cursor: "pointer",
}}
onClick={() => setPlan("annual")}
>
<Flex justify="space-between">
<Radio value="annual" label="Annual" size="xs" />
<Badge color="blue" size="xs" radius="sm">
<Badge variant="light" color="blue" size="xs" radius="sm">
Save 16%
</Badge>
</Flex>
@ -127,7 +129,7 @@ export const UpgradeModal = ({ opened, onClose }: ModalProps) => {
<List.Item>Compare Data</List.Item>
<List.Item>Edit on Graphs</List.Item>
<List.Item>
<Anchor fz="sm" href="/#preview" target="_blank">
<Anchor c="gray" fz="sm" href="/#preview" target="_blank">
...and more
</Anchor>
</List.Item>

View File

@ -18,6 +18,7 @@ const theme = createTheme({
autoContrast: true,
fontSmoothing: false,
respectReducedMotion: true,
cursorType: "pointer",
primaryShade: 8,
});