Skip to content

Commit c2c0656

Browse files
author
oguzhan.onder
committed
minor design changes
1 parent 71e1018 commit c2c0656

File tree

3 files changed

+58
-48
lines changed

3 files changed

+58
-48
lines changed

src/components/ChangePassword.vue

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -32,7 +32,7 @@
3232
</CInput>
3333
<CButton color="success" @click="changePassword" block>Change Password</CButton>
3434
</div>
35-
<CButton color="primary" @click="goToLoginPage" block>Go to Login Page</CButton>
35+
<CButton color="primary mt-2" @click="goToLoginPage" block>Go to Login Page</CButton>
3636
</CForm>
3737
</CCardBody>
3838
</CCard>

src/components/ForgotPassword.vue

Lines changed: 22 additions & 18 deletions
Original file line numberDiff line numberDiff line change
@@ -2,24 +2,28 @@
22
<div class="d-flex align-items-center min-vh-100">
33
<CContainer fluid>
44
<CRow class="justify-content-center">
5-
<CJumbotron>
6-
<h1 class="display-4">
7-
Forgot Password
8-
</h1>
9-
<p>Enter your e-mail address registered on System below, and we will send the link to change your password to
10-
your e-mail.</p>
11-
<CInput
12-
v-model="email"
13-
placeholder="Email"
14-
autocomplete="email"
15-
>
16-
<template #prepend-content>
17-
<CIcon name="cil-user"/>
18-
</template>
19-
</CInput>
20-
<CButton class="col-lg-12" @click="sendEmail" color="primary">Send</CButton>
21-
<CButton class="col-lg-12 mt-1" @click="goToLogin" color="primary">Login Page</CButton>
22-
</CJumbotron>
5+
<CCol md="6">
6+
<CCard class="mx-4 mb-0">
7+
<CCardBody class="p-4">
8+
<CForm>
9+
<h1>Forgot Password</h1>
10+
<p class="text-muted">Enter your e-mail address registered on System below, and we will send the link to change your password to
11+
your e-mail.</p>
12+
<CInput
13+
v-model="email"
14+
placeholder="Email"
15+
autocomplete="email"
16+
>
17+
<template #prepend-content>
18+
<CIcon name="cil-user"/>
19+
</template>
20+
</CInput>
21+
<CButton color="success" @click="sendEmail" block>Send</CButton>
22+
<CButton color="primary mt-2" @click="goToLogin" block>Login Page</CButton>
23+
</CForm>
24+
</CCardBody>
25+
</CCard>
26+
</CCol>
2327
</CRow>
2428
</CContainer>
2529
</div>

src/components/UserConfirmation.vue

Lines changed: 35 additions & 29 deletions
Original file line numberDiff line numberDiff line change
@@ -2,38 +2,44 @@
22
<div class="d-flex align-items-center min-vh-100">
33
<CContainer fluid>
44
<CRow class="justify-content-center">
5-
<CJumbotron>
6-
<h1 class="display-4">
7-
User Confirmation Info
8-
</h1>
9-
<h1 class="display-6">
10-
<CAlert>
11-
{{message}}
12-
</CAlert>
13-
</h1>
14-
<div v-if="this.key === 'valid'">
15-
<CAlert
16-
:show.sync="currentAlertCounter"
17-
>
18-
You will be redirected to Login page in {{currentAlertCounter}} seconds.
19-
<CProgress
20-
:max="10"
21-
:value="currentAlertCounter"
22-
height="3px"
23-
color="primary"
24-
animate
25-
/>
26-
</CAlert>
27-
<p>If you don't want to wait please click</p>
28-
</div>
29-
30-
<CButton @click="goToLogin" color="primary">Go to Login Page</CButton>
31-
<CButton v-if = "this.key !== 'valid'" @click="reSend" color="primary">Resend Confirmation Code</CButton>
32-
33-
</CJumbotron>
5+
<CCol md="6">
6+
<CCard class="mx-4 mb-0">
7+
<CCardBody class="p-4">
8+
<CForm>
9+
<h1>User Confirmation</h1>
10+
<p class="text-muted">{{message}}</p>
11+
<div v-if="this.key === 'valid'">
12+
<CAlert
13+
:show.sync="currentAlertCounter"
14+
>
15+
You will be redirected to Login page in {{currentAlertCounter}} seconds.
16+
<CProgress
17+
:max="10"
18+
:value="currentAlertCounter"
19+
height="3px"
20+
color="primary"
21+
animate
22+
/>
23+
</CAlert>
24+
<p>If you don't want to wait please click</p>
25+
</div>
26+
<CButton v-if = "this.key !== 'valid'" @click="reSend" block color="success">Resend Confirmation Code</CButton>
27+
<CButton @click="goToLogin" color="primary" block>Go to Login Page</CButton>
28+
</CForm>
29+
</CCardBody>
30+
</CCard>
31+
</CCol>
3432
</CRow>
3533
</CContainer>
3634
</div>
35+
36+
37+
38+
39+
40+
41+
42+
3743
</template>
3844

3945
<script>

0 commit comments

Comments
 (0)