GitHub/jsoncrack.com
1
0
Fork 0
mirror of https://github.com/AykutSarac/jsoncrack.com.git synced 2025-01-27 15:22:56 +08:00
Code Issues Packages Projects Releases Wiki Activity

improve node content modal ui

Browse Source
This commit is contained in:
AykutSarac 2023-01-28 14:56:49 +03:00
parent 1c77a14727
commit db214a8d78
2 changed files with 2 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/Modal/styles.tsx
View File

@ -24,7 +24,7 @@ export const ModalWrapper = styled.div`
export const ModalInnerWrapper = styled.div<{ size: "sm" | "md" | "lg" }>` export const ModalInnerWrapper = styled.div<{ size: "sm" | "md" | "lg" }>`
min-width: 440px; min-width: 440px;
max-width: ${({ size }) => (size === "sm" ? "490px" : size === "md" ? "50%" : "90%")}; max-width: ${({ size }) => (size === "sm" ? "490px" : size === "md" ? "50%" : "80%")};
width: fit-content; width: fit-content;
animation: ${appearAnimation} 220ms ease-in-out; animation: ${appearAnimation} 220ms ease-in-out;
line-height: 20px; line-height: 20px;

2
src/containers/Modals/NodeModal/index.tsx
View File

@ -32,7 +32,7 @@ export const NodeModal = ({ selectedNode, visible, closeModal }: NodeModalProps)
}; };
return ( return (
<Modal visible={visible} setVisible={closeModal}> <Modal visible={visible} setVisible={closeModal} size="lg">
<Modal.Header>Node Content</Modal.Header> <Modal.Header>Node Content</Modal.Header>
<Modal.Content> <Modal.Content>
<SyntaxHighlighter <SyntaxHighlighter