refactor: update example views
This commit is contained in:
@@ -0,0 +1,57 @@
|
||||
<template>
|
||||
<div class="bg-light min-vh-100 d-flex flex-row align-items-center">
|
||||
<CContainer>
|
||||
<CRow class="justify-content-center">
|
||||
<CCol :md="9" :lg="7" :xl="6">
|
||||
<CCard class="mx-4">
|
||||
<CCardBody class="p-4">
|
||||
<CForm>
|
||||
<h1>Register</h1>
|
||||
<p class="text-medium-emphasis">Create your account</p>
|
||||
<CInputGroup class="mb-3">
|
||||
<CInputGroupText>
|
||||
<CIcon icon="cil-user" />
|
||||
</CInputGroupText>
|
||||
<CFormInput placeholder="Username" autoComplete="username" />
|
||||
</CInputGroup>
|
||||
<CInputGroup class="mb-3">
|
||||
<CInputGroupText>@</CInputGroupText>
|
||||
<CFormInput placeholder="Email" autoComplete="email" />
|
||||
</CInputGroup>
|
||||
<CInputGroup class="mb-3">
|
||||
<CInputGroupText>
|
||||
<CIcon icon="cil-lock-locked" />
|
||||
</CInputGroupText>
|
||||
<CFormInput
|
||||
type="password"
|
||||
placeholder="Password"
|
||||
autoComplete="new-password"
|
||||
/>
|
||||
</CInputGroup>
|
||||
<CInputGroup class="mb-4">
|
||||
<CInputGroupText>
|
||||
<CIcon icon="cil-lock-locked" />
|
||||
</CInputGroupText>
|
||||
<CFormInput
|
||||
type="password"
|
||||
placeholder="Repeat password"
|
||||
autoComplete="new-password"
|
||||
/>
|
||||
</CInputGroup>
|
||||
<div class="d-grid">
|
||||
<CButton color="success">Create Account</CButton>
|
||||
</div>
|
||||
</CForm>
|
||||
</CCardBody>
|
||||
</CCard>
|
||||
</CCol>
|
||||
</CRow>
|
||||
</CContainer>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
name: 'Register',
|
||||
}
|
||||
</script>
|
||||
Reference in New Issue
Block a user