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 | 36f3845a18ed65ff6784b99cb34d9f6c4a7e0143 (patch) | |
| tree | 1cf0c19438129b5fd6ba802da3397f3514c35ec4 /extension/react-app/src/components/UserInputContainer.tsx | |
| parent | bf34e1d6a01214a6977a2932b4ee2b413d524957 (diff) | |
| download | sncontinue-36f3845a18ed65ff6784b99cb34d9f6c4a7e0143.tar.gz sncontinue-36f3845a18ed65ff6784b99cb34d9f6c4a7e0143.tar.bz2 sncontinue-36f3845a18ed65ff6784b99cb34d9f6c4a7e0143.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) => { |