TheCloneArmy/crater
1
0
Fork 1
mirror of https://github.com/crater-invoice/crater.git synced 2025-10-29 20:51:09 -04:00
Code Issues Packages Projects Releases Wiki Activity

build version 400

Browse Source
This commit is contained in:
Mohit Panjwani
2020-12-02 17:54:08 +05:30
parent 326508e567
commit 89ee58590c
963 changed files with 62887 additions and 48868 deletions
Download Patch File Download Diff File Expand all files Collapse all files

116
resources/assets/js/views/layouts/LayoutLogin.vue
View File

@ -1,55 +1,83 @@
<template>
<div class="login-page login-3">
<div class="site-wrapper">
<div class="login-box">
<div class="box-wrapper">
<div class="logo-main">
<a href="/admin">
<img
src="/assets/img/crater-logo.png"
alt="Crater Logo">
</a>
</div>
<router-view></router-view>
<div class="page-copyright">
<p>{{ $t('layout_login.copyright_crater') }}</p>
</div>
<div class="grid h-full grid-cols-12 overflow-y-hidden bg-gray-100">
<div
class="flex items-center justify-center w-full max-w-sm col-span-12 p-4 mx-auto text-gray-900 md:p-8 md:col-span-6 lg:col-span-4 flex-2 md:pb-48 md:pt-40"
>
<div class="w-full">
<a href="/admin">
<img
src="/assets/img/crater-logo.png"
class="block w-48 h-auto max-w-full mb-32 text-primary-400"
alt="Crater Logo"
/>
</a>
<router-view></router-view>
<div
class="pt-24 mt-0 text-sm not-italic font-medium leading-relaxed text-left text-gray-500 md:pt-40"
>
<p class="mb-3">{{ $t('layout_login.copyright_crater') }}</p>
</div>
</div>
<div class="content-box">
<h1>{{ $t('layout_login.super_simple_invoicing') }}<br>
{{ $t('layout_login.for_freelancer') }}<br>
{{ $t('layout_login.small_businesses') }} <br>
</div>
<div
class="relative flex-col items-center justify-center hidden w-full h-full pl-10 bg-no-repeat bg-cover md:col-span-6 lg:col-span-8 md:flex content-box"
>
<div class="pl-20 xl:pl-0">
<h1
class="hidden mb-3 text-3xl font-bold leading-normal text-white xl:text-5xl xl:leading-tight md:none lg:block"
>
{{ $t('layout_login.super_simple_invoicing') }} <br />
{{ $t('layout_login.for_freelancer') }} <br />
{{ $t('layout_login.small_businesses') }} <br />
</h1>
<p>
{{ $t('layout_login.crater_help') }}<br>
{{ $t('layout_login.invoices_and_estimates') }}<br>
<p
class="hidden text-sm not-italic font-normal leading-normal text-gray-100 xl:text-base xl:leading-6 md:none lg:block"
>
{{ $t('layout_login.crater_help') }}<br />
{{ $t('layout_login.invoices_and_estimates') }}<br />
</p>
<div class="content-bottom"/>
</div>
<div class="absolute z-50 w-full bg-no-repeat content-bottom" />
</div>
</div>
</template>
<script type="text/babel">
export default {
watch: {
$route: 'onRouteChange'
},
mounted () {
this.setLayoutClasses()
},
methods: {
setLayoutClasses () {
let body = $('body')
body.removeClass()
body.addClass('login-page login-1 skin-crater')
}
},
onRouteChange () {
$('body').removeClass('login-page')
}
<style lang="scss" scoped>
.content-box {
background-image: url('/images/login-vector1.svg');
}
</script>
.content-bottom {
background-image: url('/images/login-vector3.svg');
background-size: 100% 100%;
height: 300px;
right: 32%;
bottom: 0;
}
.content-box::before {
background-image: url('/images/frame.svg');
content: '';
background-size: 100% 100%;
background-repeat: no-repeat;
height: 300px;
right: 0;
position: absolute;
top: 0;
width: 420px;
z-index: 1;
}
.content-box::after {
background-image: url('/images/login-vector2.svg');
content: '';
background-size: cover;
background-repeat: no-repeat;
height: 100%;
width: 100%;
right: 7.5%;
position: absolute;
}
</style>