status-im
/
nimbus-gui
mirror of https://github.com/status-im/nimbus-gui.git
2
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

feat(logs terminal): fix spacing bug

This commit is contained in:
Hristo Nedelkov 2024-03-12 14:50:22 +02:00
parent f45e98ad08
commit 0541c21b98
2 changed files with 4 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/pages/LogsPage/LogsTerminal.tsx
View File

@ -114,7 +114,7 @@ const LogsTerminal = ({
style={{ style={{
height: '650px', height: '650px',
overflowX: 'auto', overflowX: 'auto',
width: '90%', width: 'calc(100% - 20px)',
border: '1px solid #E7EAEE', border: '1px solid #E7EAEE',
borderRadius: '15px', borderRadius: '15px',
backgroundColor: '#282c34', backgroundColor: '#282c34',

8
src/pages/ValidatorManagement/ManageValidator/DepositStepper.tsx
View File

@ -83,12 +83,10 @@ const DepositStepper = ({ activeStep }: DepositStepperProps) => {
step => { step => {
const originalIndex = DepositStatusSteps.indexOf(step) const originalIndex = DepositStatusSteps.indexOf(step)
const isActive = originalIndex <= activeStep const isActive = originalIndex <= activeStep
const customStepStyle = { const customStepStyle = {
backgroundColor: isActive ? '#2A4CF4' : '#E0E0E0', backgroundColor: isActive ? '#2A4CF4' : '#E0E0E0',
border: '4px solid #fff', border: '4px solid #fff',
} }
return ( return (
<Step <Step
key={originalIndex} key={originalIndex}
@ -97,7 +95,7 @@ const DepositStepper = ({ activeStep }: DepositStepperProps) => {
onClick={() => changeStepOnClickHandler(originalIndex)} onClick={() => changeStepOnClickHandler(originalIndex)}
completed={activeStep > originalIndex - 1} completed={activeStep > originalIndex - 1}
data-step={step.label} data-step={step.label}
style={customStepStyle} // Apply custom inline style style={customStepStyle}
/> />
) )
}, },
@ -118,10 +116,10 @@ const stepStyle = {
activeBorderWidth: '2px', activeBorderWidth: '2px',
// For completed dots: // For completed dots:
completedBgColor: '#2A4CF4', completedBgColor: '#2A4CF4',
activeTextColor: '#ffffff',
completedTextColor: '#ffffff', completedTextColor: '#ffffff',
inactiveTextColor: '#000000', inactiveTextColor: '#000000',
size: '22px', size: '21px',
circleFontSize: '0px', circleFontSize: '0px',