diff options
| author | Nate Sesti <sestinj@gmail.com> | 2023-07-05 01:51:46 -0700 |
|---|---|---|
| committer | Nate Sesti <sestinj@gmail.com> | 2023-07-05 01:51:46 -0700 |
| commit | b3eb9d934ef6e73ea4f43a9fb7584e948ea9e0b5 (patch) | |
| tree | 9d15052f848e129f67bd13cadf2064b3cdb60eca /extension/react-app/src/components/UserInputContainer.tsx | |
| parent | f88c33041755bdf50a3a54c37cc38436a4a7c88f (diff) | |
| download | sncontinue-b3eb9d934ef6e73ea4f43a9fb7584e948ea9e0b5.tar.gz sncontinue-b3eb9d934ef6e73ea4f43a9fb7584e948ea9e0b5.tar.bz2 sncontinue-b3eb9d934ef6e73ea4f43a9fb7584e948ea9e0b5.zip | |
details
Diffstat (limited to 'extension/react-app/src/components/UserInputContainer.tsx')
| -rw-r--r-- | extension/react-app/src/components/UserInputContainer.tsx | 10 |
1 files changed, 4 insertions, 6 deletions
diff --git a/extension/react-app/src/components/UserInputContainer.tsx b/extension/react-app/src/components/UserInputContainer.tsx index a72f6098..28437d35 100644 --- a/extension/react-app/src/components/UserInputContainer.tsx +++ b/extension/react-app/src/components/UserInputContainer.tsx @@ -14,8 +14,8 @@ interface UserInputContainerProps { historyNode: HistoryNode; } -const StyledDiv = styled.div<{ hidden: boolean }>` - background-color: rgb(50 50 50); +const StyledDiv = styled.div` + background-color: rgb(45 45 45); padding: 8px; padding-left: 16px; padding-right: 16px; @@ -24,14 +24,12 @@ const StyledDiv = styled.div<{ hidden: boolean }>` font-size: 13px; display: flex; align-items: center; - visibility: ${(props) => (props.hidden ? "hidden" : "visible")}; - height: ${(props) => (props.hidden ? "0px" : "auto")}; `; const UserInputContainer = (props: UserInputContainerProps) => { return ( - <StyledDiv hidden={props.historyNode.step.hide as any}> - {props.children} + <StyledDiv> + <b>{props.children}</b> <div style={{ marginLeft: "auto" }}> <HeaderButtonWithText onClick={(e) => { |