Skip to content

Commit e220318

Browse files
woothuwoothu
committed
refactor: refactor pages
1 parent 56babda commit e220318

File tree

4 files changed

+94
-105
lines changed

4 files changed

+94
-105
lines changed

‎src/views/pages/Login.vue

Lines changed: 4 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -1,16 +1,13 @@
11
<template>
2-
<CContainer
3-
class="c-d-flex c-align-items-center"
4-
style="min-height:100vh;"
5-
>
6-
<CRow class="c-justify-content-center" >
2+
<CContainer class="c-d-flex c-align-items-center c-min-vh-100">
3+
<CRow class="c-justify-content-center">
74
<CCol md="8">
85
<CCardGroup>
96
<CCard class="c-p-4">
107
<CCardBody>
118
<CForm>
129
<h1>Login</h1>
13-
<p class="text-muted">Sign In to your account</p>
10+
<p class="c-text-muted">Sign In to your account</p>
1411
<CFormInput
1512
prependHtml="<i class='cui-user'></i>"
1613
placeholder="Username"
@@ -42,7 +39,7 @@
4239
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
4340
<CButton
4441
variant="primary"
45-
class="active c-mt-3"
42+
class="c-active c-mt-3"
4643
>
4744
Register Now!
4845
</CButton>

‎src/views/pages/Page404.vue

Lines changed: 22 additions & 22 deletions
Original file line numberDiff line numberDiff line change
@@ -1,26 +1,26 @@
11
<template>
2-
<div class="app c-flex-row c-align-items-center">
3-
<CContainer>
4-
<CRow class="c-justify-content-center">
5-
<CCol md="6">
6-
<div class="c-clearfix">
7-
<h1 class="c-float-left c-display-3 c-mr-4">404</h1>
8-
<h4 class="c-pt-3">Oops! You're lost.</h4>
9-
<p class="c-text-muted">The page you are looking for was not found.</p>
10-
</div>
11-
<CFormInput
12-
class="c-mb-0"
13-
prependHtml="<i class='cui-magnifying-glass'></i>"
14-
placeholder="What are you looking for?"
15-
>
16-
<template #append>
17-
<CButton variant="info">Search</CButton>
18-
</template>
19-
</CFormInput>
20-
</CCol>
21-
</CRow>
22-
</CContainer>
23-
</div>
2+
<CContainer class="c-d-flex c-align-items-center c-min-vh-100">
3+
<CRow class="c-w-100 c-justify-content-center">
4+
<CCol md="6">
5+
<div class="c-w-100">
6+
<div class="c-clearfix">
7+
<h1 class="c-float-left c-display-3 c-mr-4">404</h1>
8+
<h4 class="c-pt-3">Oops! You're lost.</h4>
9+
<p class="c-text-muted">The page you are looking for was not found.</p>
10+
</div>
11+
<CFormInput
12+
class="c-mb-0"
13+
prependHtml="<i class='cui-magnifying-glass'></i>"
14+
placeholder="What are you looking for?"
15+
>
16+
<template #append>
17+
<CButton variant="info">Search</CButton>
18+
</template>
19+
</CFormInput>
20+
</div>
21+
</CCol>
22+
</CRow>
23+
</CContainer>
2424
</template>
2525

2626
<script>

‎src/views/pages/Page500.vue

Lines changed: 20 additions & 22 deletions
Original file line numberDiff line numberDiff line change
@@ -1,26 +1,24 @@
11
<template>
2-
<div class="c-app c-flex-row c-align-items-center">
3-
<CContainer>
4-
<CRow class="c-justify-content-center">
5-
<CCol md="6">
6-
<div class="c-clearfix">
7-
<h1 class="c-float-left c-display-3 c-mr-4">500</h1>
8-
<h4 class="c-pt-3">Houston, we have a problem!</h4>
9-
<p class="c-text-muted">The page you are looking for is temporarily unavailable.</p>
10-
</div>
11-
<CFormInput
12-
class="c-mb-0"
13-
prependHtml="<i class='cui-magnifying-glass'></i>"
14-
placeholder="What are you looking for?"
15-
>
16-
<template #append>
17-
<CButton variant="info">Search</CButton>
18-
</template>
19-
</CFormInput>
20-
</CCol>
21-
</CRow>
22-
</CContainer>
23-
</div>
2+
<CContainer class="c-d-flex c-align-items-center c-min-vh-100">
3+
<CRow class="c-w-100 c-justify-content-center">
4+
<CCol md="6">
5+
<div class="c-clearfix">
6+
<h1 class="c-float-left c-display-3 c-mr-4">500</h1>
7+
<h4 class="c-pt-3">Houston, we have a problem!</h4>
8+
<p class="c-text-muted">The page you are looking for is temporarily unavailable.</p>
9+
</div>
10+
<CFormInput
11+
class="c-mb-0"
12+
prependHtml="<i class='cui-magnifying-glass'></i>"
13+
placeholder="What are you looking for?"
14+
>
15+
<template #append>
16+
<CButton variant="info">Search</CButton>
17+
</template>
18+
</CFormInput>
19+
</CCol>
20+
</CRow>
21+
</CContainer>
2422
</template>
2523

2624
<script>

‎src/views/pages/Register.vue

Lines changed: 48 additions & 54 deletions
Original file line numberDiff line numberDiff line change
@@ -1,58 +1,52 @@
11
<template>
2-
<div class="c-app c-flex-row c-align-items-center">
3-
<CContainer>
4-
<CRow class="c-justify-content-center">
5-
<CCol md="6" sm="8">
6-
<CCard class="c-mx-4">
7-
<CCardBody class="c-p-4">
8-
<CForm>
9-
<h1>Register</h1>
10-
<p class="c-text-muted">Create your account</p>
11-
<CFormInput
12-
placeholder="Username"
13-
prependHtml="<i class='cui-user'></i>"
14-
autocomplete="username"
15-
/>
16-
<CFormInput
17-
placeholder="Email"
18-
prepend-html="@"
19-
autocomplete="email"
20-
/>
21-
<CFormInput
22-
placeholder="Password"
23-
type="password"
24-
prependHtml="<i class='cui-lock-locked'></i>"
25-
autocomplete="new-password"
26-
/>
27-
<CFormInput
28-
placeholder="Repeat password"
29-
type="password"
30-
prependHtml="<i class='cui-lock-locked'></i>"
31-
autocomplete="new-password"
32-
class="c-mb-4"
33-
/>
34-
<CButton variant="success" block>Create Account</CButton>
35-
</CForm>
36-
</CCardBody>
37-
<CCardFooter class="c-p-4">
38-
<CRow>
39-
<CCol col="6">
40-
<CButton block class="btn btn-facebook">
41-
<span>facebook</span>
42-
</CButton>
43-
</CCol>
44-
<CCol col="6">
45-
<CButton block class="btn btn-twitter" type="button">
46-
<span>twitter</span>
47-
</CButton>
48-
</CCol>
49-
</CRow>
50-
</CCardFooter>
51-
</CCard>
52-
</CCol>
53-
</CRow>
54-
</CContainer>
55-
</div>
2+
<CContainer class="c-min-vh-100 c-d-flex c-align-items-center">
3+
<CRow class="c-w-100 c-justify-content-center">
4+
<CCol md="6" sm="8">
5+
<CCard class="c-mx-4">
6+
<CCardBody class="c-p-4">
7+
<CForm>
8+
<h1>Register</h1>
9+
<p class="c-text-muted">Create your account</p>
10+
<CFormInput
11+
placeholder="Username"
12+
prependHtml="<i class='cui-user'></i>"
13+
autocomplete="username"
14+
/>
15+
<CFormInput
16+
placeholder="Email"
17+
prepend-html="@"
18+
autocomplete="email"
19+
/>
20+
<CFormInput
21+
placeholder="Password"
22+
type="password"
23+
prependHtml="<i class='cui-lock-locked'></i>"
24+
autocomplete="new-password"
25+
/>
26+
<CFormInput
27+
placeholder="Repeat password"
28+
type="password"
29+
prependHtml="<i class='cui-lock-locked'></i>"
30+
autocomplete="new-password"
31+
class="c-mb-4"
32+
/>
33+
<CButton variant="success" block>Create Account</CButton>
34+
</CForm>
35+
</CCardBody>
36+
<CCardFooter class="c-p-4">
37+
<CRow>
38+
<CCol col="6">
39+
<CButton block variant="facebook" textHtml="Facebook"/>
40+
</CCol>
41+
<CCol col="6">
42+
<CButton block variant="twitter" textHtml="Twitter"/>
43+
</CCol>
44+
</CRow>
45+
</CCardFooter>
46+
</CCard>
47+
</CCol>
48+
</CRow>
49+
</CContainer>
5650
</template>
5751

5852
<script>

0 commit comments

Comments
 (0)