diff options
| author | Nate Sesti <sestinj@gmail.com> | 2023-07-05 01:04:33 -0700 |
|---|---|---|
| committer | Nate Sesti <sestinj@gmail.com> | 2023-07-05 01:04:33 -0700 |
| commit | 8f080c4d2447e3eb66db448c08324ee71614709e (patch) | |
| tree | 24d45ee5b65637469ecbf685478d32ddbf8f0d90 /extension/react-app/src/components/UserInputContainer.tsx | |
| parent | 2b8f7b079bf6335b53c0d08f1c639bb316d5fc4c (diff) | |
| download | sncontinue-8f080c4d2447e3eb66db448c08324ee71614709e.tar.gz sncontinue-8f080c4d2447e3eb66db448c08324ee71614709e.tar.bz2 sncontinue-8f080c4d2447e3eb66db448c08324ee71614709e.zip | |
highlighted code improvements
Diffstat (limited to 'extension/react-app/src/components/UserInputContainer.tsx')
| -rw-r--r-- | extension/react-app/src/components/UserInputContainer.tsx | 4 |
1 files changed, 3 insertions, 1 deletions
diff --git a/extension/react-app/src/components/UserInputContainer.tsx b/extension/react-app/src/components/UserInputContainer.tsx index 44fdba38..a72f6098 100644 --- a/extension/react-app/src/components/UserInputContainer.tsx +++ b/extension/react-app/src/components/UserInputContainer.tsx @@ -14,7 +14,7 @@ interface UserInputContainerProps { historyNode: HistoryNode; } -const StyledDiv = styled.div` +const StyledDiv = styled.div<{ hidden: boolean }>` background-color: rgb(50 50 50); padding: 8px; padding-left: 16px; @@ -24,6 +24,8 @@ const StyledDiv = styled.div` font-size: 13px; display: flex; align-items: center; + visibility: ${(props) => (props.hidden ? "hidden" : "visible")}; + height: ${(props) => (props.hidden ? "0px" : "auto")}; `; const UserInputContainer = (props: UserInputContainerProps) => { |