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 className={styles.buttonGroup}>
<div className={styles.button} onClick={onRequestSubmit}>
<div className={`buttonPrimary ${styles.button}`} onClick={onRequestSubmit}>
Request
</div>
</section>

18
app/components/Form/RequestForm.scss

@ -89,20 +89,12 @@
overflow: hidden;
.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%;
text-align: center;
line-height: 55px;
margin-bottom: 20px;
font-weight: bold;
cursor: pointer;
text-transform: uppercase;
letter-spacing: .2px;
&:first-child {
border-right: 1px solid lighten($main, 20%);

Loading…
Cancel
Save