Commit e9c50dcd authored by Adam Procter's avatar Adam Procter 💩

some css

just for fun, bit of a nicer look for now
parent b2fd8dc2
Pipeline #83 failed with stages
in 1 minute and 37 seconds
This diff is collapsed.
......@@ -99,8 +99,19 @@ textarea {
body{
font: 18px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
line-height: 22px;
padding: 1em;
}
main{
max-width: 635px;
}
h3.hello{
padding:10px;
background-color: #809BAC;
}
......@@ -129,7 +140,21 @@ width:600px;
margin-bottom:30px;
}
button{
background-color: #BCDFDA;
box-shadow: none;
border:none;
margin-top:10px;
margin-left:65%;
}
input{
border:none;
width:100%;
padding:5px;
margin-bottom:5px;
}
......
......@@ -4,7 +4,7 @@
<input type="text" name="name" placeholder="Name" />
<input type="text" name="email" placeholder="Email" />
<input type="text" name="domain" placeholder="Domain" />
<button type="button">Register </button>
<button type="submit"><font-awesome-icon icon="user-plus" size="3x"/> </button>
</section>
</template>
......
......@@ -4,9 +4,9 @@
<h1>Sign in</h1>
<input type="text" name="email" v-model="input.email" placeholder="Email" />
<button type="button" v-on:click="signin()">Sign in</button>
<button type="submit" v-on:click="signin()">
<font-awesome-icon icon="sign-in-alt" size="3x"/>
</button>
</section>
</template>
......
......@@ -5,8 +5,10 @@ import router from './router'
// Font awesome import statements
import { library } from '@fortawesome/fontawesome-svg-core'
import { faSignInAlt } from '@fortawesome/free-solid-svg-icons'
import { faUserPlus } from '@fortawesome/free-solid-svg-icons'
import { FontAwesomeIcon } from '@fortawesome/vue-fontawesome'
library.add(faSignInAlt)
library.add(faUserPlus)
Vue.component('font-awesome-icon', FontAwesomeIcon)
// end Font Awesome
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment