Skip to content

Commit

Permalink
improve node content modal ui
Browse files Browse the repository at this point in the history
  • Loading branch information
AykutSarac committed Jan 28, 2023
1 parent 1c77a14 commit db214a8
Show file tree
Hide file tree
Showing 2 changed files with 2 additions and 2 deletions.
2 changes: 1 addition & 1 deletion src/components/Modal/styles.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -24,7 +24,7 @@ export const ModalWrapper = styled.div`

export const ModalInnerWrapper = styled.div<{ size: "sm" | "md" | "lg" }>`
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;
animation: ${appearAnimation} 220ms ease-in-out;
line-height: 20px;
Expand Down
2 changes: 1 addition & 1 deletion src/containers/Modals/NodeModal/index.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -32,7 +32,7 @@ export const NodeModal = ({ selectedNode, visible, closeModal }: NodeModalProps)
};

return (
<Modal visible={visible} setVisible={closeModal}>
<Modal visible={visible} setVisible={closeModal} size="lg">
<Modal.Header>Node Content</Modal.Header>
<Modal.Content>
<SyntaxHighlighter
Expand Down

0 comments on commit db214a8

Please sign in to comment.