app-layout > layout
This commit is contained in:
parent
72b6b2c349
commit
fbc8bf9de4
15 changed files with 42 additions and 100 deletions
|
@ -1,17 +0,0 @@
|
|||
<?php
|
||||
|
||||
namespace App\View\Components;
|
||||
|
||||
use Illuminate\View\Component;
|
||||
use Illuminate\View\View;
|
||||
|
||||
class AppLayout extends Component
|
||||
{
|
||||
/**
|
||||
* Get the view / contents that represents the component.
|
||||
*/
|
||||
public function render(): View
|
||||
{
|
||||
return view('layouts.app');
|
||||
}
|
||||
}
|
|
@ -1,17 +0,0 @@
|
|||
<?php
|
||||
|
||||
namespace App\View\Components;
|
||||
|
||||
use Illuminate\View\Component;
|
||||
use Illuminate\View\View;
|
||||
|
||||
class GuestLayout extends Component
|
||||
{
|
||||
/**
|
||||
* Get the view / contents that represents the component.
|
||||
*/
|
||||
public function render(): View
|
||||
{
|
||||
return view('layouts.guest');
|
||||
}
|
||||
}
|
|
@ -1,7 +1,7 @@
|
|||
<x-app-layout>
|
||||
<x-layout>
|
||||
<x-slot:title>Admin</x-slot>
|
||||
|
||||
<p>You're logged in!</p>
|
||||
|
||||
<a href="{{ route('categories.index') }}">Categories</a>
|
||||
</x-app-layout>
|
||||
</x-layout>
|
||||
|
|
|
@ -1,4 +1,4 @@
|
|||
<x-app-layout>
|
||||
<x-layout>
|
||||
<x-slot:title>Confirm Password</x-slot>
|
||||
|
||||
<x-window title="Confirm Password">
|
||||
|
@ -26,4 +26,4 @@
|
|||
<button type="submit">Confirm</button>
|
||||
</form>
|
||||
</x-window>
|
||||
</x-app-layout>
|
||||
</x-layout>
|
||||
|
|
|
@ -1,4 +1,4 @@
|
|||
<x-app-layout>
|
||||
<x-layout>
|
||||
<x-slot:title>Login</x-slot>
|
||||
|
||||
<x-window title="Login">
|
||||
|
@ -51,4 +51,4 @@
|
|||
</div>
|
||||
</form>
|
||||
</x-window>
|
||||
</x-app-layout>
|
||||
</x-layout>
|
||||
|
|
|
@ -1,4 +1,4 @@
|
|||
<x-app-layout>
|
||||
<x-layout>
|
||||
<x-slot:title>New Category</x-slot>
|
||||
|
||||
<form action="{{ route('categories.store') }}" method="POST">
|
||||
|
@ -12,4 +12,4 @@
|
|||
|
||||
<button type="submit">Submit</button>
|
||||
</form>
|
||||
</x-app-layout>
|
||||
</x-layout>
|
||||
|
|
|
@ -1,4 +1,4 @@
|
|||
<x-app-layout>
|
||||
<x-layout>
|
||||
<x-slot:title>Categories</x-slot>
|
||||
|
||||
<div class="sunken-panel">
|
||||
|
@ -27,4 +27,4 @@
|
|||
</div>
|
||||
|
||||
<a href="{{ route('categories.create') }}">New</a>
|
||||
</x-app-layout>
|
||||
</x-layout>
|
||||
|
|
|
@ -1,8 +1,8 @@
|
|||
<x-app-layout>
|
||||
<x-layout>
|
||||
<x-slot:title>
|
||||
Category: {{ $category->name }}
|
||||
</x-slot>
|
||||
|
||||
<h2>{{ $category->name }}</h2>
|
||||
<a href="{{ route('categories.index') }}">All</a>
|
||||
</x-app-layout>
|
||||
</x-layout>
|
||||
|
|
27
resources/views/components/layout/layout.blade.php
Normal file
27
resources/views/components/layout/layout.blade.php
Normal file
|
@ -0,0 +1,27 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="{{ str_replace('_', '-', app()->getLocale()) }}">
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||
<meta name="csrf-token" content="{{ csrf_token() }}" />
|
||||
|
||||
<title>
|
||||
{{ config('app.name', 'Laravel') }} @isset($title)
|
||||
- {{ $title }} @endisset
|
||||
</title>
|
||||
|
||||
<!-- Scripts -->
|
||||
@vite(['resources/css/app.css', 'resources/js/app.js'])
|
||||
|
||||
<!-- polyfills -->
|
||||
<script src="//polyfill.io/v3/polyfill.min.js?flags=gated&features=default,es5,es6,es7,matchMedia,IntersectionObserver,ResizeObserver,NodeList.prototype.forEach,HTMLTemplateElement,Element.prototype.closest,requestAnimationFrame,CustomEvent,URLSearchParams,queueMicrotask"></script>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<main class="max-w-[600px]">
|
||||
{{ $slot }}
|
||||
|
||||
<x-layout.navigation />
|
||||
</main>
|
||||
</body>
|
||||
</html>
|
|
@ -1,12 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="{{ str_replace('_', '-', app()->getLocale()) }}">
|
||||
@include('layouts.head')
|
||||
|
||||
<body>
|
||||
<main class="max-w-[600px]">
|
||||
{{ $slot }}
|
||||
|
||||
@include('layouts.navigation')
|
||||
</main>
|
||||
</body>
|
||||
</html>
|
|
@ -1,23 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="{{ str_replace('_', '-', app()->getLocale()) }}">
|
||||
@include('layouts.head')
|
||||
|
||||
<body class="h-screen">
|
||||
<div class="m-auto w-1/4">
|
||||
<a href="/">
|
||||
<x-application-logo class="w-48" />
|
||||
</a>
|
||||
|
||||
<div class="window">
|
||||
<div class="title-bar">
|
||||
<div class="title-bar-text">
|
||||
@isset($title)
|
||||
{{ $title }}
|
||||
@endisset
|
||||
</div>
|
||||
</div>
|
||||
<div class="window-body">{{ $slot }}</div>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
|
@ -1,16 +0,0 @@
|
|||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||
<meta name="csrf-token" content="{{ csrf_token() }}" />
|
||||
|
||||
<title>
|
||||
{{ config('app.name', 'Laravel') }} @isset($title)
|
||||
- {{ $title }} @endisset
|
||||
</title>
|
||||
|
||||
<!-- Scripts -->
|
||||
@vite(['resources/css/app.css', 'resources/js/app.js'])
|
||||
|
||||
<!-- polyfills -->
|
||||
<script src="//polyfill.io/v3/polyfill.min.js?flags=gated&features=default,es5,es6,es7,matchMedia,IntersectionObserver,ResizeObserver,NodeList.prototype.forEach,HTMLTemplateElement,Element.prototype.closest,requestAnimationFrame,CustomEvent,URLSearchParams,queueMicrotask"></script>
|
||||
</head>
|
|
@ -1,6 +1,6 @@
|
|||
<x-app-layout>
|
||||
<x-layout>
|
||||
<x-slot:title>Profile</x-slot>
|
||||
|
||||
@include('profile.partials.update-profile-information-form')
|
||||
@include('profile.partials.update-password-form')
|
||||
</x-app-layout>
|
||||
</x-layout>
|
||||
|
|
|
@ -1 +1 @@
|
|||
<x-app-layout></x-app-layout>
|
||||
<x-layout></x-layout>
|
||||
|
|
Loading…
Reference in a new issue