kjannette/ax3Client
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

more

Browse Source
This commit is contained in:
Kenneth Jannette
2024-01-25 15:10:51 -06:00
parent e2cadc0903
commit f8711abbf6
2 changed files with 26 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
src/pageElements/Radio.js
View File

@@ -18,22 +18,30 @@ const Radio = (props) => {
{value == activeRadioOption ? ( {value == activeRadioOption ? (
<> <>
<div className="radio-circle-container"> <div className="radio-circle-container">
<div className="radio-circle-box"> <div className="radio-circle-top">
<CircleFill /> <div className="radio-circle-box">
<CircleFill color="#1a76c7" size="20px" />
</div>
<div className="radio-name-box"> {`${name}`} </div>
</div> </div>
<div className="radio-name-box"> {`${name}`} </div>
</div> </div>
<div className="radio-description-box"> {`${description}`} </div> <div className="radio-circle-lower">
<div className="radio-description-box"> {`${description}`} </div>
</div>
</> </>
) : ( ) : (
<> <>
<div className="radio-circle-container"> <div className="radio-circle-container">
<div className="radio-circle-box"> <div className="radio-circle-top">
<Circle /> <div className="radio-circle-box">
<Circle color="#1a76c7" size="20px" />
</div>
<div className="radio-name-box">{`${name}`} </div>
</div> </div>
<div className="radio-name-box">{`${name}`} </div>
</div> </div>
<div className="radio-description-box"> {`${description}`} </div> <div className="radio-circle-lower">
<div className="radio-description-box"> {`${description}`} </div>
</div>
</> </>
)} )}
</div> </div>

10
src/styles/radio.scss
View File

@@ -8,11 +8,21 @@
border: 1px solid #d4d4d4; border: 1px solid #d4d4d4;
} }
.radio-circle-top {
display: flex;
flex-direction: row;
}
.radio-circle-bottom {
display: flex;
flex-direction: column;
}
.radio-circle-box { .radio-circle-box {
height: 40px;
margin: 12px 8px; margin: 12px 8px;
} }
.radio-name-box { .radio-name-box {
height: 40px;
font-family: var(--main-font); font-family: var(--main-font);
font-family: Roboto; font-family: Roboto;
font-weight: 500; font-weight: 500;