refactor: refactor pages

This commit is contained in:
woothu
2019-06-14 17:27:32 +02:00
parent 56babdaa1c
commit e2203189fc
4 changed files with 94 additions and 105 deletions
+3 -6
View File
@@ -1,8 +1,5 @@
<template> <template>
<CContainer <CContainer class="c-d-flex c-align-items-center c-min-vh-100">
class="c-d-flex c-align-items-center"
style="min-height:100vh;"
>
<CRow class="c-justify-content-center"> <CRow class="c-justify-content-center">
<CCol md="8"> <CCol md="8">
<CCardGroup> <CCardGroup>
@@ -10,7 +7,7 @@
<CCardBody> <CCardBody>
<CForm> <CForm>
<h1>Login</h1> <h1>Login</h1>
<p class="text-muted">Sign In to your account</p> <p class="c-text-muted">Sign In to your account</p>
<CFormInput <CFormInput
prependHtml="<i class='cui-user'></i>" prependHtml="<i class='cui-user'></i>"
placeholder="Username" placeholder="Username"
@@ -42,7 +39,7 @@
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
<CButton <CButton
variant="primary" variant="primary"
class="active c-mt-3" class="c-active c-mt-3"
> >
Register Now! Register Now!
</CButton> </CButton>
+4 -4
View File
@@ -1,8 +1,8 @@
<template> <template>
<div class="app c-flex-row c-align-items-center"> <CContainer class="c-d-flex c-align-items-center c-min-vh-100">
<CContainer> <CRow class="c-w-100 c-justify-content-center">
<CRow class="c-justify-content-center">
<CCol md="6"> <CCol md="6">
<div class="c-w-100">
<div class="c-clearfix"> <div class="c-clearfix">
<h1 class="c-float-left c-display-3 c-mr-4">404</h1> <h1 class="c-float-left c-display-3 c-mr-4">404</h1>
<h4 class="c-pt-3">Oops! You're lost.</h4> <h4 class="c-pt-3">Oops! You're lost.</h4>
@@ -17,10 +17,10 @@
<CButton variant="info">Search</CButton> <CButton variant="info">Search</CButton>
</template> </template>
</CFormInput> </CFormInput>
</div>
</CCol> </CCol>
</CRow> </CRow>
</CContainer> </CContainer>
</div>
</template> </template>
<script> <script>
+2 -4
View File
@@ -1,7 +1,6 @@
<template> <template>
<div class="c-app c-flex-row c-align-items-center"> <CContainer class="c-d-flex c-align-items-center c-min-vh-100">
<CContainer> <CRow class="c-w-100 c-justify-content-center">
<CRow class="c-justify-content-center">
<CCol md="6"> <CCol md="6">
<div class="c-clearfix"> <div class="c-clearfix">
<h1 class="c-float-left c-display-3 c-mr-4">500</h1> <h1 class="c-float-left c-display-3 c-mr-4">500</h1>
@@ -20,7 +19,6 @@
</CCol> </CCol>
</CRow> </CRow>
</CContainer> </CContainer>
</div>
</template> </template>
<script> <script>
+4 -10
View File
@@ -1,7 +1,6 @@
<template> <template>
<div class="c-app c-flex-row c-align-items-center"> <CContainer class="c-min-vh-100 c-d-flex c-align-items-center">
<CContainer> <CRow class="c-w-100 c-justify-content-center">
<CRow class="c-justify-content-center">
<CCol md="6" sm="8"> <CCol md="6" sm="8">
<CCard class="c-mx-4"> <CCard class="c-mx-4">
<CCardBody class="c-p-4"> <CCardBody class="c-p-4">
@@ -37,14 +36,10 @@
<CCardFooter class="c-p-4"> <CCardFooter class="c-p-4">
<CRow> <CRow>
<CCol col="6"> <CCol col="6">
<CButton block class="btn btn-facebook"> <CButton block variant="facebook" textHtml="Facebook"/>
<span>facebook</span>
</CButton>
</CCol> </CCol>
<CCol col="6"> <CCol col="6">
<CButton block class="btn btn-twitter" type="button"> <CButton block variant="twitter" textHtml="Twitter"/>
<span>twitter</span>
</CButton>
</CCol> </CCol>
</CRow> </CRow>
</CCardFooter> </CCardFooter>
@@ -52,7 +47,6 @@
</CCol> </CCol>
</CRow> </CRow>
</CContainer> </CContainer>
</div>
</template> </template>
<script> <script>