mirror of
https://github.com/DirectoryLister/DirectoryLister.git
synced 2025-09-02 18:33:04 +02:00
Refactored views to inherit from a base layout file
This commit is contained in:
@@ -1,16 +1,6 @@
|
||||
<!DOCTYPE html>
|
||||
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<script src="{{ asset('app.js') }}" defer></script>
|
||||
<link rel="icon" href="/app/resources/images/favicon.{{ config('dark_mode') ? 'dark' : 'light' }}.png">
|
||||
|
||||
<link rel="stylesheet" href="{{ asset('app.css') }}">
|
||||
|
||||
<title>Directory Lister</title>
|
||||
|
||||
<div id="app" class="font-mono min-h-screen z-0 {{ config('dark_mode') ? 'dark-mode' : '' }}">
|
||||
{% extends "layouts/app.twig" %}
|
||||
|
||||
{% block content %}
|
||||
<header id="header" class="block bg-blue-600 shadow sticky top-0 text-white text-sm tracking-tight">
|
||||
<div class="container mx-auto p-4">
|
||||
<a href="/" class="hover:underline">Home</a>
|
||||
@@ -71,4 +61,4 @@
|
||||
</a>
|
||||
|
||||
<file-info-modal ref="fileInfoModal"></file-info-modal>
|
||||
</div>
|
||||
{% endblock %}
|
||||
|
14
app/resources/views/layouts/app.twig
Normal file
14
app/resources/views/layouts/app.twig
Normal file
@@ -0,0 +1,14 @@
|
||||
<!DOCTYPE html>
|
||||
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<script src="{{ asset('app.js') }}" defer></script>
|
||||
<link rel="icon" href="/app/resources/images/favicon.{{ config('dark_mode') ? 'dark' : 'light' }}.png">
|
||||
|
||||
<link rel="stylesheet" href="{{ asset('app.css') }}">
|
||||
|
||||
<title>Directory Lister</title>
|
||||
|
||||
<div id="app" class="font-mono min-h-screen z-0 {{ config('dark_mode') ? 'dark-mode' : '' }}">
|
||||
{% block content %}{% endblock %}
|
||||
</div>
|
Reference in New Issue
Block a user