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 16:13:45 -06:00
parent 670aa1f997
commit 388ff72d10
2 changed files with 21 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
src/pageElements/Radio.js
View File

@@ -30,8 +30,12 @@ const Radio = (props) => {
<CircleFill color="#1a76c7" size="20px" /> <CircleFill color="#1a76c7" size="20px" />
</div> </div>
<div className="radio-name-box"> {`${name}`} </div> <div className="radio-name-box"> {`${name}`} </div>
<div className="radio-price-box"> {`${price}`} </div> <div className="radio-price-box">
<div className="radio-price"> {`${price}`} </div>
</div>
</div> </div>
<div></div>
<div className="radio-circle-lower"> <div className="radio-circle-lower">
<div className="radio-description-box"> <div className="radio-description-box">
{" "} {" "}
@@ -48,6 +52,9 @@ const Radio = (props) => {
<Circle color="#1a76c7" size="20px" /> <Circle color="#1a76c7" size="20px" />
</div> </div>
<div className="radio-name-box">{`${name}`} </div> <div className="radio-name-box">{`${name}`} </div>
<div className="radio-price-box">
<div className="radio-price"> {`${price}`} </div>
</div>
</div> </div>
<div className="radio-circle-lower"> <div className="radio-circle-lower">
<div className="radio-description-box"> <div className="radio-description-box">

13
src/styles/radio.scss
View File

@@ -28,9 +28,22 @@
.radio-name-box { .radio-name-box {
height: 40px; height: 40px;
width: 70%;
font-family: var(--main-font); font-family: var(--main-font);
font-family: Roboto; font-family: Roboto;
font-weight: 500; font-weight: 500;
letter-spacing: 0.05rem; letter-spacing: 0.05rem;
margin: 13px 8px; margin: 13px 8px;
} }
.radio-price-box {
display: flex;
flex-direction: row-reverse;
margin: 16px 8px;
width: 30%;
}
.radio-price {
width: 20px;
float: right;
}