Dhaverd/ New-site
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Сделал вьюшку для логина, прокинул для нее роут

This commit is contained in:
p.belezov 2024-03-07 15:10:53 +08:00
parent e10b5abe90
commit 0800dfa00e
5 changed files with 55 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
resources/views/auth/Login.vue Normal file
View File

@ -0,0 +1,22 @@
<template>
<v-app>
<v-sheet class="bg h-100 w-100 d-flex justify-center">
</v-sheet>
</v-app>
</template>
<script>
export default {
name: "Login"
}
</script>
<style scoped>
.bg {
background: rgb(238, 174, 202)!important;
background: radial-gradient(circle, rgba(238, 174, 202, 1) 0%, rgba(148, 187, 233, 1) 100%)!important;;
}
</style>

13
resources/views/auth/auth.blade.php Normal file
View File

@ -0,0 +1,13 @@
<!DOCTYPE html>
<html lang="{{ str_replace('_', '-', app()->getLocale()) }}">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Аутентификация</title>
@vite('resources/views/auth/auth.js')
@vite('resources/css/app.css')
</head>
<body class="antialiased">
<div id="app"></div>
</body>
</html>

15
resources/views/auth/auth.js Normal file
View File

@ -0,0 +1,15 @@
import '../../js/bootstrap.js';
import {createApp} from 'vue'
import App from './Login.vue'
import { createVuetify } from 'vuetify'
import 'vuetify/styles'
import * as components from 'vuetify/components'
import * as directives from 'vuetify/directives'
import '@mdi/font/css/materialdesignicons.css'
const vuetify = createVuetify({
components,
directives
})
createApp(App).use(vuetify).mount("#app")

4
routes/web.php
View File

@ -26,4 +26,8 @@ Route::get('/resume', function () {
return view('resume/resume');
});
Route::get('/login', function () {
return view('auth/auth');
});
Route::get('/download/{file}', 'App\Http\Controllers\DownloadController@download');

2
vite.config.js
View File

@ -6,7 +6,7 @@ export default defineConfig({
plugins: [
vue(),
laravel({
input: ['resources/css/app.css', 'resources/app.js', 'resources/welcome.js', 'resources/caesar.js'],
input: ['resources/css/app.css', 'resources/app.js', 'resources/welcome.js', 'resources/caesar.js', "resources/views/auth/auth.js"],
refresh: true,
}),
],