diff options
| author | Nate Sesti <sestinj@gmail.com> | 2023-08-01 20:32:24 -0700 |
|---|---|---|
| committer | Nate Sesti <sestinj@gmail.com> | 2023-08-01 20:32:24 -0700 |
| commit | e17388eee44534e6b5d55bfcb4ae3e16cc5e1ede (patch) | |
| tree | 67830c42d73e1e10a7ffc9ed3d53284f40f3bf81 /extension/react-app/src/components/StepContainer.tsx | |
| parent | 10e5b827147541d0911ea66a00d7953d33801ea9 (diff) | |
| download | sncontinue-e17388eee44534e6b5d55bfcb4ae3e16cc5e1ede.tar.gz sncontinue-e17388eee44534e6b5d55bfcb4ae3e16cc5e1ede.tar.bz2 sncontinue-e17388eee44534e6b5d55bfcb4ae3e16cc5e1ede.zip | |
fix icon sizes
Diffstat (limited to 'extension/react-app/src/components/StepContainer.tsx')
| -rw-r--r-- | extension/react-app/src/components/StepContainer.tsx | 23 |
1 files changed, 16 insertions, 7 deletions
diff --git a/extension/react-app/src/components/StepContainer.tsx b/extension/react-app/src/components/StepContainer.tsx index 4726b609..19cdd2e1 100644 --- a/extension/react-app/src/components/StepContainer.tsx +++ b/extension/react-app/src/components/StepContainer.tsx @@ -167,12 +167,12 @@ function StepContainer(props: StepContainerProps) { loading={(props.historyNode.active as boolean) || false} error={props.historyNode.observation?.error ? true : false} > - <div className="m-2"> + <div className="m-2 flex items-center"> {!isUserInput && (props.open ? ( - <ChevronDownIcon className="h-6 w-6" /> + <ChevronDownIcon width="1.5em" height="1.5em" /> ) : ( - <ChevronRightIcon className="h-6 w-6" /> + <ChevronRightIcon width="1.5em" height="1.5em" /> ))} {props.historyNode.observation?.title || (props.historyNode.step.name as any)} @@ -195,7 +195,7 @@ function StepContainer(props: StepContainerProps) { client?.showLogsAtIndex(props.index); }} > - <MagnifyingGlassIcon className="h-6 w-6" /> + <MagnifyingGlassIcon width="1.5em" height="1.5em" /> </HeaderButtonWithText> )} <HeaderButtonWithText @@ -211,11 +211,16 @@ function StepContainer(props: StepContainerProps) { > {props.historyNode.active ? ( <StopCircleIcon - className="h-6 w-6" + width="1.5em" + height="1.5em" onClick={props.onDelete} /> ) : ( - <XMarkIcon className="h-6 w-6" onClick={props.onDelete} /> + <XMarkIcon + width="1.5em" + height="1.5em" + onClick={props.onDelete} + /> )} </HeaderButtonWithText> {props.historyNode.observation?.error ? ( @@ -226,7 +231,11 @@ function StepContainer(props: StepContainerProps) { props.onRetry(); }} > - <ArrowPathIcon className="h-6 w-6" onClick={props.onRetry} /> + <ArrowPathIcon + width="1.5em" + height="1.5em" + onClick={props.onRetry} + /> </HeaderButtonWithText> ) : ( <></> |