added preloader

itsemon245 · Apr 24, 2024 · ad0489f · ad0489f
1 parent e6a36f8
commit ad0489f
Show file tree

Hide file tree

Showing 10 changed files with 340 additions and 12 deletions.
diff --git a/app/View/Components/Preloader.php b/app/View/Components/Preloader.php
@@ -0,0 +1,26 @@
+<?php
+
+namespace App\View\Components;
+
+use Closure;
+use Illuminate\Contracts\View\View;
+use Illuminate\View\Component;
+
+class Preloader extends Component
+{
+    /**
+     * Create a new component instance.
+     */
+    public function __construct()
+    {
+        //
+    }
+
+    /**
+     * Get the view / contents that represent the component.
+     */
+    public function render(): View|Closure|string
+    {
+        return view('components.preloader');
+    }
+}
diff --git a/public/assets/css/preloader.css b/public/assets/css/preloader.css
diff --git a/public/assets/css/preloader.css.map b/public/assets/css/preloader.css.map
diff --git a/resources/css/app.css b/resources/css/app.css
@@ -39,11 +39,11 @@ header {
     height: max-content;
 }
 
-.sticky{
-    position:sticky !important;
-    top:0;
+.sticky {
+    position: sticky !important;
+    top: 0;
 }
-.fixed{
+.fixed {
     position: fixed;
 }
 .sidebar {
@@ -222,12 +222,12 @@ footer .social-handles {
         display: none !important;
     }
 }
-@media (min-width: 1230px){
-    .user-menu-btn{
+@media (min-width: 1230px) {
+    .user-menu-btn {
         display: block;
     }
 }
-.user-menu-btn{
+.user-menu-btn {
     display: none;
 }
 /* up to midium devices like tablet */

diff --git a/resources/scss/app.scss b/resources/scss/app.scss
@@ -2,4 +2,5 @@
 @import 'bootstrap/scss/bootstrap';
 body{
     font-family: 'Poppins', sans-serif;
-}
+}
+
diff --git a/resources/views/backend/layouts/app.blade.php b/resources/views/backend/layouts/app.blade.php
@@ -6,7 +6,9 @@
 <!-- body start -->
 
 <body data-layout-mode="default" data-theme="light" data-topbar-color="dark" data-menu-position="fixed"
-    data-leftbar-color="light" data-leftbar-size='default' data-sidebar-user='false'>
+    data-leftbar-color="light" data-leftbar-size='default' data-sidebar-user='false' style="overflow: hidden!important;height: 100vh;">
+    <x-preloader />
+
     <style>
         @media print {
             .container-fluid {

diff --git a/resources/views/backend/layouts/head.blade.php b/resources/views/backend/layouts/head.blade.php
@@ -12,12 +12,14 @@
     <style>
         .tail-select {
             width: 100% !important;
-            padding: 0.75rem!important;
+            padding: 0.75rem !important;
         }
     </style>
     {{-- @vite(['resources/css/tailwind.css']) --}}
     <!-- App favicon -->
     <link rel="shortcut icon" href="{{ asset('backend/assets/images/favicon.ico') }}">
+    <link rel="stylesheet" href="{{ asset('assets/css/preloader.css') }}">
+
 
     <!-- Bootstrap css -->
     <link href="{{ asset('backend/assets/css/bootstrap.min.css') }}" rel="stylesheet" type="text/css" />

diff --git a/resources/views/components/frontend/layouts/head.blade.php b/resources/views/components/frontend/layouts/head.blade.php
@@ -14,6 +14,8 @@
 
     <link rel="stylesheet" href="{{ asset('libs/tail.select.js-1.0.2/css/tail.select.css') }}">
     @vite(['resources/css/tailwind.css'])
+    <link rel="stylesheet" href="{{ asset('assets/css/preloader.css') }}">
+
 
     <!-- Fonts -->
     <link rel="preconnect" href="https://fonts.googleapis.com">
@@ -26,7 +28,6 @@
     <link href="{{ asset('frontend/assets/css/bootstrap.min.css') }}" rel="stylesheet" type="text/css" id="app-style">
     {{-- icons css  --}}
     <link href="{{ asset('frontend/assets/css/icons.min.css') }}" rel="stylesheet" type="text/css" id="app-style">
-    @stack('customCss')
     {{-- Head JS  --}}
     <script src="{{ asset('frontend/assets/js/head.js') }}"></script>
     {{-- Color extractor for matching image color --}}
-Original file line number
+Diff line change
@@ Expand Up / @@ -2,4 +2,5 @@ @@
     @import 'bootstrap/scss/bootstrap';
     body{
         font-family: 'Poppins', sans-serif;
-    }
+    }