Add Feature Livewire and Taiwindcss

4 weeks ago · 27b05dbc0a
parent 8496ff9fcd
commit 27b05dbc0a
3 changed files with 7 additions and 2 deletions
--- a/public/images/logo.png
+++ b/public/images/logo.png
--- a/resources/views/layouts/app.blade.php
+++ b/resources/views/layouts/app.blade.php
@ -10,8 +10,9 @@
    @livewireStyles
 </head>

-<body class="bg-gray-100 antialiased">
-    <div class="min-h-screen flex items-center justify-center py-12">
+<body class="font-sans antialiased bg-cover bg-center"
+    style="background-image: url('{{ asset('images/logo.png') }}')">
+    <div class="min-h-screen flex items-center justify-center bg-gray-900 bg-opacity-50">
        {{ $slot }}
    </div>

--- a/resources/views/livewire/auth/login.blade.php
+++ b/resources/views/livewire/auth/login.blade.php
@ -1,4 +1,8 @@
 <div class="max-w-md w-full bg-white shadow-xl rounded-lg p-8">
+    <div class="flex justify-center mb-4">
+        <img src="{{ asset('images/logo.png') }}" alt="Logo" class="h-16 w-auto">
+    </div>
+
    <h2 class="text-2xl font-semibold text-center text-gray-900 mb-6">Đăng nhập hệ thống</h2>

    <form wire:submit.prevent="login" class="space-y-4">