Add sign-in and registration category
This commit is contained in:
parent
0dc269accf
commit
a34e4d0c87
|
@ -4,23 +4,17 @@
|
||||||
|
|
||||||
<simple></simple>
|
<simple></simple>
|
||||||
<newsletter></newsletter>
|
<newsletter></newsletter>
|
||||||
<sign-in></sign-in>
|
|
||||||
<sign-in-with-image></sign-in-with-image>
|
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
import Simple from "../ui/Forms/Simple";
|
import Simple from "../ui/Forms/Simple";
|
||||||
import Newsletter from "../ui/Forms/Newsletter";
|
import Newsletter from "../ui/Forms/Newsletter";
|
||||||
import SignIn from "../ui/Forms/SignIn";
|
|
||||||
import SignInWithImage from "../ui/Forms/SignInWithImage";
|
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
components: {
|
components: {
|
||||||
Simple,
|
Simple,
|
||||||
Newsletter,
|
Newsletter,
|
||||||
SignIn,
|
|
||||||
SignInWithImage
|
|
||||||
},
|
},
|
||||||
};
|
};
|
||||||
</script>
|
</script>
|
20
src/components/categories/Sign-inAndRegistration.vue
Normal file
20
src/components/categories/Sign-inAndRegistration.vue
Normal file
|
@ -0,0 +1,20 @@
|
||||||
|
<template>
|
||||||
|
<div class="w-full max-w-5xl mx-auto my-10">
|
||||||
|
<h1 class="text-2xl text-gray-800 font-semibold capitalize mb-6">Sign-in and Registration</h1>
|
||||||
|
|
||||||
|
<simple-card></simple-card>
|
||||||
|
<with-side-image></with-side-image>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
import SimpleCard from "../ui/Sign-inAndRegistration/SimpleCard";
|
||||||
|
import WithSideImage from "../ui/Sign-inAndRegistration/WithSideImage";
|
||||||
|
|
||||||
|
export default {
|
||||||
|
components: {
|
||||||
|
SimpleCard,
|
||||||
|
WithSideImage
|
||||||
|
},
|
||||||
|
};
|
||||||
|
</script>
|
|
@ -42,7 +42,7 @@
|
||||||
export default {
|
export default {
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
name: 'Sign In',
|
name: 'Simple Card',
|
||||||
code: `
|
code: `
|
||||||
<div class="bg-white w-full max-w-sm rounded-lg shadow-md overflow-hidden mx-auto">
|
<div class="bg-white w-full max-w-sm rounded-lg shadow-md overflow-hidden mx-auto">
|
||||||
<div class="py-4 px-6">
|
<div class="py-4 px-6">
|
|
@ -67,7 +67,7 @@
|
||||||
export default {
|
export default {
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
name: 'Sign In With Image',
|
name: 'With Side Image',
|
||||||
code: `
|
code: `
|
||||||
<div class="flex max-w-sm mx-auto bg-white rounded-lg shadow-lg overflow-hidden lg:max-w-4xl">
|
<div class="flex max-w-sm mx-auto bg-white rounded-lg shadow-lg overflow-hidden lg:max-w-4xl">
|
||||||
<div class="hidden lg:block lg:w-1/2 bg-cover" style="background-image:url('https://images.unsplash.com/photo-1546514714-df0ccc50d7bf?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=667&q=80')"></div>
|
<div class="hidden lg:block lg:w-1/2 bg-cover" style="background-image:url('https://images.unsplash.com/photo-1546514714-df0ccc50d7bf?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=667&q=80')"></div>
|
|
@ -6,6 +6,7 @@ const Forms = () => import("./components/categories/Forms");
|
||||||
const Navbars = () => import("./components/categories/Navbars");
|
const Navbars = () => import("./components/categories/Navbars");
|
||||||
const Heros = () => import("./components/categories/Heros");
|
const Heros = () => import("./components/categories/Heros");
|
||||||
const Sections = () => import("./components/categories/Sections");
|
const Sections = () => import("./components/categories/Sections");
|
||||||
|
const SignInAndRegistration = () => import("./components/categories/Sign-inAndRegistration");
|
||||||
const Paginations = () => import("./components/categories/Paginations");
|
const Paginations = () => import("./components/categories/Paginations");
|
||||||
const Footers = () => import("./components/categories/Footers");
|
const Footers = () => import("./components/categories/Footers");
|
||||||
|
|
||||||
|
@ -19,6 +20,7 @@ export default new VueRouter({
|
||||||
{ path: "/navbars", component: Navbars, name: "Navbars" },
|
{ path: "/navbars", component: Navbars, name: "Navbars" },
|
||||||
{ path: "/heros", component: Heros, name: "Heros" },
|
{ path: "/heros", component: Heros, name: "Heros" },
|
||||||
{ path: "/sections", component: Sections, name: "Sections" },
|
{ path: "/sections", component: Sections, name: "Sections" },
|
||||||
|
{ path: "/sign-in-and-registration", component: SignInAndRegistration, name: "Sign-in and Registration" },
|
||||||
{ path: "/paginations", component: Paginations, name: "Paginations" },
|
{ path: "/paginations", component: Paginations, name: "Paginations" },
|
||||||
{ path: "/footers", component: Footers, name: "Footers" },
|
{ path: "/footers", component: Footers, name: "Footers" },
|
||||||
],
|
],
|
||||||
|
|
Loading…
Reference in a new issue