diff options
Diffstat (limited to 'app/src')
-rw-r--r-- | app/src/sass/main.sass | 9 | ||||
-rw-r--r-- | app/src/views/Sign.vue | 20 |
2 files changed, 16 insertions, 13 deletions
diff --git a/app/src/sass/main.sass b/app/src/sass/main.sass index 3db40de..b5b6bc2 100644 --- a/app/src/sass/main.sass +++ b/app/src/sass/main.sass @@ -45,3 +45,12 @@ form#login border: 1px solid #19703e padding: 2px 7px !important margin: 10px + +.item + margin: 30px 0 + input + border: #19703e 1px solid + padding: 10px 15px + outline: none + font-style: italic + border-radius: 3px diff --git a/app/src/views/Sign.vue b/app/src/views/Sign.vue index 54e767a..dc6fa3f 100644 --- a/app/src/views/Sign.vue +++ b/app/src/views/Sign.vue @@ -4,22 +4,16 @@ <ion-content :fullscreen="true"> <form id="login"> <h2>Sign in</h2> - <ion-item lines="none"> - <ion-input - placeholder="username" - type="text" - :value="form.username" - @ionInput="form.username = $event.target.value" - /> - </ion-item> - <ion-item lines="none"> - <ion-input + <div class="item"> + <input placeholder="username" type="text" v-model="form.username" /> + </div> + <div class="item"> + <input placeholder="password" type="password" - :value="form.password" - @ionInput="form.password = $event.target.value" + v-model="form.password" /> - </ion-item> + </div> <ion-button color="primary" id="log" @click="handleLogin()"> Submit </ion-button> |