GitHub/jsoncrack.com
1
0
Fork 0
mirror of https://github.com/AykutSarac/jsoncrack.com.git synced 2025-01-12 19:02:53 +08:00
Code Issues Packages Projects Releases Wiki Activity

feat: update premium view bg color

Browse Source
This commit is contained in:
AykutSarac 2023-12-11 17:11:23 +03:00
parent 8dadc44c65
commit 07575cdf25
No known key found for this signature in database
2 changed files with 3 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/components/Graph/PremiumView.tsx
View File

@ -12,7 +12,7 @@ const StyledPremiumView = styled.div`
justify-content: center;
width: 100%;
height: 100%;
background: ${({ theme }) => theme.GRID_COLOR_SECONDARY};
background: #020015;
img {
filter: drop-shadow(2px 2px 1px black);
@ -191,7 +191,7 @@ export const PremiumView = () => (
href={paymentURL()}
target="_blank"
>
UPGRADE TO PREMIUM $7.00
UPGRADE TO PREMIUM
</Button>
</StyledContent>

16
src/containers/Editor/LiveEditor/Tools.tsx
View File

@ -1,6 +1,6 @@
import React from "react";
import styled from "styled-components";
import { Badge, Flex, Group, MediaQuery, Menu, Select, Text } from "@mantine/core";
import { Flex, Group, MediaQuery, Menu, Select, Text } from "@mantine/core";
import { useHotkeys } from "@mantine/hooks";
import ReactGA from "react-ga4";
import toast from "react-hot-toast";
@ -49,16 +49,6 @@ export const StyledTools = styled.div`
}
`;
// red dot with glow around
const StyledNotification = styled.span`
width: 6px;
height: 6px;
border-radius: 50%;
background: ${({ theme }) => theme.BLURPLE};
box-shadow: 0 0 6px ${({ theme }) => theme.BLURPLE};
margin-left: 4px;
`;
const StyledToolElement = styled.button<{ $hide?: boolean }>`
display: ${({ $hide }) => ($hide ? "none" : "grid")};
place-content: center;
@ -324,16 +314,12 @@ export const Tools: React.FC<{ isWidget?: boolean }> = ({ isWidget = false }) =>
<StyledToolElement>
<Flex align="center" gap={3}>
Tools <CgChevronDown />
<StyledNotification />
</Flex>
</StyledToolElement>
</Menu.Target>
<Menu.Dropdown>
<Menu.Item fz={12} icon={<VscSearchFuzzy />} onClick={() => setVisible("jq")(true)}>
JSON Query (jq)
<Badge ml="xs" size="xs">
New
</Badge>
</Menu.Item>
<Menu.Item fz={12} icon={<VscJson />} onClick={() => setVisible("schema")(true)}>
JSON Schema