summaryrefslogtreecommitdiff
path: root/app/src
diff options
context:
space:
mode:
Diffstat (limited to 'app/src')
-rw-r--r--app/src/sass/main.sass9
-rw-r--r--app/src/views/Sign.vue20
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>