nth

app/Http/Controllers/Auth/LoginController.php

@@ -26,7 +26,6 @@ class LoginController extends Controller
      *
      * @var string
      */
-
     protected $redirectTo = RouteServiceProvider::HOME;
 
     /**

app/Http/Controllers/HomeController.php

@@ -0,0 +1,28 @@
+<?php
+
+namespace App\Http\Controllers;
+
+use Illuminate\Http\Request;
+
+class HomeController extends Controller
+{
+    /**
+     * Create a new controller instance.
+     *
+     * @return void
+     */
+    public function __construct()
+    {
+        $this->middleware('auth');
+    }
+
+    /**
+     * Show the application dashboard.
+     *
+     * @return \Illuminate\Contracts\Support\Renderable
+     */
+    public function index()
+    {
+        return view('home');
+    }
+}

package-lock.json

@@ -4,14 +4,13 @@
     "requires": true,
     "packages": {
         "": {
-            "name": "MangaDex",
             "dependencies": {
                 "bootstrap-icons": "^1.10.5"
             },
             "devDependencies": {
                 "@popperjs/core": "^2.11.6",
                 "axios": "^1.4.0",
-                "bootstrap": "^5.3.1",
+                "bootstrap": "^5.2.3",
                 "laravel-vite-plugin": "^0.8.0",
                 "sass": "^1.56.1",
                 "vite": "^4.0.0"

package.json

@@ -8,7 +8,7 @@
     "devDependencies": {
         "@popperjs/core": "^2.11.6",
         "axios": "^1.4.0",
-        "bootstrap": "^5.3.1",
+        "bootstrap": "^5.2.3",
         "laravel-vite-plugin": "^0.8.0",
         "sass": "^1.56.1",
         "vite": "^4.0.0"

resources/sass/_custom.scss

@@ -0,0 +1,6 @@
+.alert-msg {
+    position: absolute;
+    top: 2%;
+    left: 50%;
+    transform: translateX(-50%);
+}

resources/sass/_variables.scss

@@ -5,4 +5,3 @@ $body-bg: #f8fafc;
 $font-family-sans-serif: 'Nunito', sans-serif;
 $font-size-base: 0.9rem;
 $line-height-base: 1.6;
-

resources/sass/app.scss

@@ -4,29 +4,8 @@
 // Variables
 @import 'variables';
 
-@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;300;400;600;800&display=swap');
-
- * {
-    font-family: 'Poppins', sans-serif;
- }
-
- // Bootstrap Icons
- @import url('bootstrap-icons');
-
- // Variables
-// @import 'variables';
-
 // Bootstrap
 @import 'bootstrap/scss/bootstrap';
 
-.alert-msg {
-    transform: translateX(-50%) translateY(10%);
-}
 
-.cover-img {
+@import 'custom';
-    transition: all 1s;
-}
-.cover-img:hover {
-    filter: grayscale(30%);
-    transform: scale(1.2);
-}

resources/views/home.blade.php

@@ -0,0 +1,23 @@
+@extends('layouts.app')
+
+@section('content')
+<div class="container">
+    <div class="row justify-content-center">
+        <div class="col-md-8">
+            <div class="card">
+                <div class="card-header">{{ __('Dashboard') }}</div>
+
+                <div class="card-body">
+                    @if (session('status'))
+                        <div class="alert alert-success" role="alert">
+                            {{ session('status') }}
+                        </div>
+                    @endif
+
+                    {{ __('You are logged in!') }}
+                </div>
+            </div>
+        </div>
+    </div>
+</div>
+@endsection

resources/views/partials/alert-msg.blade.php

@@ -1,6 +1,6 @@
 @if (session()->has('message'))
     <div x-data="{ show: true }" x-init="setTimeout(() => show = false, 3000)" x-show="show"
-        class="bg-dark text-center text-white rounded w-50 p-3 pb-1 position-fixed top-0 start-50 alert-msg" style="z-index:100000000">
+        class="bg-dark text-center text-white rounded w-50 p-3 pb-1 alert-msg">
         <p>{{ session('message') }}</p>
     </div>
 @endif

routes/web.php

@@ -64,3 +64,7 @@ Route::middleware(['auth', 'admin.access'])->group(function () {
         Route::delete('/genres/{genre:name}', 'destroy')->name('genres.destroy');
     });
 });
+
+Auth::routes();
+
+Route::get('/home', [App\Http\Controllers\HomeController::class, 'index'])->name('home');