davila.erdianita.1005/coba-tampilan
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

first commit

Browse Source
This commit is contained in:
meninjar
2025-06-20 02:59:01 +00:00
commit be4de9f24a
431 changed files with 35653 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

31
pages/auth/Login.vue Executable file
View File

@@ -0,0 +1,31 @@
<script setup lang="ts">
/*-For Set Blank Layout-*/
definePageMeta({
layout: "blank",
});
</script>
<template>
<div class="authentication">
<v-container fluid class="pa-3">
<v-row class="h-100vh d-flex justify-center align-center">
<v-col cols="12" lg="4" xl="3" class="d-flex align-center">
<v-card rounded="md" elevation="10" class="px-sm-1 px-0 withbg mx-auto" max-width="500">
<v-card-item class="pa-sm-8">
<div class="d-flex justify-center py-4">
<LayoutFullLogo />
</div>
<div class="text-body-1 text-muted text-center mb-3">Your Social Campaigns</div>
<AuthLoginForm />
<h6 class="text-h6 text-muted font-weight-medium d-flex justify-center align-center mt-3">
New to Matdash?
<NuxtLink to="/auth/register"
class="text-primary text-decoration-none text-body-1 opacity-1 font-weight-medium pl-2">
Create an account</NuxtLink>
</h6>
</v-card-item>
</v-card>
</v-col>
</v-row>
</v-container>
</div>
</template>

58
pages/auth/Register.vue Executable file
View File

@@ -0,0 +1,58 @@
<script setup lang="ts">
import LogoIcon from '~/components/layout/full/logo/Logo.vue';
/* Register form */
import RegisterForm from '~/components/auth/RegisterForm.vue';
/*-For Set Blank Layout-*/
definePageMeta({
layout: "blank",
});
</script>
<template>
<div class="pa-3">
<v-row class="h-100vh mh-100 auth">
<v-col cols="12" lg="5" xl="4" class="bg-surface auth">
<div class="d-flex justify-center align-center h-100">
<div class="mt-xl-0 mt-5 auth-card">
<LogoIcon />
<h2 class="text-h3 my-3 heading">Sign Up</h2>
<div class="mb-6">Your Admin Dashboard</div>
<RegisterForm />
<p class="d-flex align-center justify-center textSecondary mt-6 font-weight-medium">
Already have an Account?
<RouterLink
class="pl-0 text-primary opacity-1 pl-2 font-weight-medium text-decoration-none"
height="auto"
to="/auth/login"
variant="plain"
>Sign in</RouterLink
>
</p>
</div>
</div>
</v-col>
<v-col cols="12" lg="7" xl="8" class="d-lg-flex d-none align-center justify-center authentication bg-darkgray position-relative">
<div class="circle-top"></div>
<div>
<LogoIcon class="circle-bottom" />
</div>
<div class="d-flex justify-center align-center w-100 h-n80">
<v-row class="justify-center z-index-2">
<v-col xl="6" lg="7">
<h1 class="text-h1 text-white lh-normal">
Welcome to
<br />
MatDash
</h1>
<p class="text-h6 text-white opacity-80 font-weight-regular mt-4 lh-md">
MatDash helps developers to build organized and well<br />
coded dashboards full of beautiful and rich modules.
</p>
<v-btn to="/" size="large" color="primary" class="mt-5"> Learn More </v-btn>
</v-col>
</v-row>
</div>
</v-col>
</v-row>
</div>
</template>