LBRYFoundation/lbry-desktop
1
0
Fork 0
mirror of https://github.com/LBRYFoundation/lbry-desktop.git synced 2025-09-11 13:09:44 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

use common styles

Browse source
This commit is contained in:
Sean Yesmunt 2017-12-04 11:49:10 -05:00
parent a7e788fd16
commit d043233094
5 changed files with 14 additions and 21 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

7
src/renderer/js/component/shapeShift/internal/active-shift.jsx
View file

@ -72,8 +72,7 @@ class ActiveShapeShift extends React.PureComponent<Props> {
<p> <p>
Send up to{" "} Send up to{" "}
<span className="credit-amount--bold"> <span className="credit-amount--bold">
{originCoinDepositMax}{" "} {originCoinDepositMax} {shiftCoinType}
<span className="credit-amount--colored">{shiftCoinType}</span>
</span>{" "} </span>{" "}
to the address below. to the address below.
</p> </p>
@ -109,9 +108,9 @@ class ActiveShapeShift extends React.PureComponent<Props> {
</p> </p>
</div> </div>
)} )}
<div className="shapeshift__actions"> <div className="card__actions card__actions--only-vertical">
<Link <Link
button="primary" button={shiftState === statuses.COMPLETE ? "primary" : "alt"}
onClick={clearShapeShift} onClick={clearShapeShift}
label={ label={
shiftState === statuses.COMPLETE || shiftState === statuses.COMPLETE ||

4
src/renderer/js/component/shapeShift/internal/form.jsx
View file

@ -86,7 +86,7 @@ export default (props: Props) => {
onBlur={handleBlur} onBlur={handleBlur}
value={values.returnAddress} value={values.returnAddress}
errorMessage={errors.returnAddress} errorMessage={errors.returnAddress}
hasError={touched.returnAddress && errors.returnAddress} hasError={touched.returnAddress && !!errors.returnAddress}
/> />
<span className="help"> <span className="help">
<span> <span>
@ -95,7 +95,7 @@ export default (props: Props) => {
{__("to this address if the transaction doesn't go through.")} {__("to this address if the transaction doesn't go through.")}
</span> </span>
</span> </span>
<div className="shapeshift__actions"> <div className="card__actions card__actions--only-vertical">
<Submit <Submit
label={__("Begin Conversion")} label={__("Begin Conversion")}
disabled={isSubmitting || !!Object.keys(errors).length} disabled={isSubmitting || !!Object.keys(errors).length}

5
src/renderer/scss/_gui.scss
View file

@ -39,11 +39,6 @@ body
font-weight: 700; font-weight: 700;
} }
.credit-amount--colored
{
color: var(--color-primary);
}
#main-content #main-content
{ {
margin: auto; margin: auto;

7
src/renderer/scss/component/_card.scss
View file

@ -74,6 +74,13 @@
} }
} }
.card__actions--only-vertical {
margin-left: 0;
margin-right: 0;
padding-left: 0;
padding-right: 0;
}
.card__content--extra-vertical-space { .card__content--extra-vertical-space {
margin: $spacing-vertical 0; margin: $spacing-vertical 0;
} }

8
src/renderer/scss/component/_shapeshift.scss
View file

@ -34,14 +34,6 @@
margin-left: 40px; margin-left: 40px;
} }
.shapeshift__actions {
padding-top: $spacing-vertical;
}
.shapeshift__submit,
.shapeshift__actions-help {
padding-top: $spacing-vertical / 2;
}
.shapeshift__link { .shapeshift__link {
padding-left: 10px; padding-left: 10px;