sean/manja_dev_ui
1
0
Fork 0
Code Issues Pull Requests Actions 3 Packages Projects Releases Wiki Activity

refactor(Pages): add b-form, b-form-input, autocomplete to Login & Register

Browse Source
This commit is contained in:
xidedix
2018-06-26 18:58:01 +02:00
parent 90a39f68c7
commit 668d3b27a6
3 changed files with 51 additions and 45 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/views/pages/Login.vue
+20 -18
View File
@@ -6,24 +6,26 @@
<b-card-group>
<b-card no-body class="p-4">
<b-card-body>
<h1>Login</h1>
<p class="text-muted">Sign In to your account</p>
<b-input-group class="mb-3">
<b-input-group-prepend><b-input-group-text><i class="icon-user"></i></b-input-group-text></b-input-group-prepend>
<input type="text" class="form-control" placeholder="Username">
</b-input-group>
<b-input-group class="mb-4">
<b-input-group-prepend><b-input-group-text><i class="icon-lock"></i></b-input-group-text></b-input-group-prepend>
<input type="password" class="form-control" placeholder="Password">
</b-input-group>
<b-row>
<b-col cols="6">
<b-button variant="primary" class="px-4">Login</b-button>
</b-col>
<b-col cols="6" class="text-right">
<b-button variant="link" class="px-0">Forgot password?</b-button>
</b-col>
</b-row>
<b-form>
<h1>Login</h1>
<p class="text-muted">Sign In to your account</p>
<b-input-group class="mb-3">
<b-input-group-prepend><b-input-group-text><i class="icon-user"></i></b-input-group-text></b-input-group-prepend>
<b-form-input type="text" class="form-control" placeholder="Username" autocomplete="username email" />
</b-input-group>
<b-input-group class="mb-4">
<b-input-group-prepend><b-input-group-text><i class="icon-lock"></i></b-input-group-text></b-input-group-prepend>
<b-form-input type="password" class="form-control" placeholder="Password" autocomplete="current-password" />
</b-input-group>
<b-row>
<b-col cols="6">
<b-button variant="primary" class="px-4">Login</b-button>
</b-col>
<b-col cols="6" class="text-right">
<b-button variant="link" class="px-0">Forgot password?</b-button>
</b-col>
</b-row>
</b-form>
</b-card-body>
</b-card>
<b-card no-body class="text-white bg-primary py-5 d-md-down-none" style="width:44%">