Browse Source

fix(request button): give request form pushy buttons

renovate/lint-staged-8.x
Jack Mallers 7 years ago
parent
commit
d92853c12f
  1. 2
      app/components/Form/RequestForm.js
  2. 18
      app/components/Form/RequestForm.scss

2
app/components/Form/RequestForm.js

@ -38,7 +38,7 @@ const RequestForm = ({
/> />
</section> </section>
<section className={styles.buttonGroup}> <section className={styles.buttonGroup}>
<div className={styles.button} onClick={onRequestSubmit}> <div className={`buttonPrimary ${styles.button}`} onClick={onRequestSubmit}>
Request Request
</div> </div>
</section> </section>

18
app/components/Form/RequestForm.scss

@ -89,20 +89,12 @@
overflow: hidden; overflow: hidden;
.button { .button {
cursor: pointer;
height: 55px;
min-height: 55px;
text-transform: none;
font-size: 18px;
transition: opacity .2s ease-out;
background: $main;
color: $white;
border: none;
font-weight: 500;
padding: 0;
width: 100%; width: 100%;
text-align: center; margin-bottom: 20px;
line-height: 55px; font-weight: bold;
cursor: pointer;
text-transform: uppercase;
letter-spacing: .2px;
&:first-child { &:first-child {
border-right: 1px solid lighten($main, 20%); border-right: 1px solid lighten($main, 20%);

Loading…
Cancel
Save