resources: Fix static image size when page resized

Make sure bg image can strecth or adapt the size, reflect screen size change. Signed-off-by: Dicky Herlambang (花） <herlambangdicky5@gmail.com>
Nicklas373 · Mar 24, 2024 · 26153c2 · 26153c2
1 parent 83aafe9
commit 26153c2
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 3 deletions.
diff --git a/resources/views/layouts/alternate-layout.blade.php b/resources/views/layouts/alternate-layout.blade.php
@@ -3,7 +3,7 @@
     @include('includes.head')
     <header>@include('includes.header')</header>
   </head>
-  <body class="bg-origin-padding bg-top bg-scroll bg-dt1 bg-no-repeat" style="background-image: url('{{ asset('assets/home.avif') }}');">
+  <body class="bg-origin-padding bg-top bg-scroll bg-cover bg-dt1 bg-no-repeat" style="background-image: url('{{ asset('assets/home.avif') }}');">
     @include('includes.modal')
     @include('includes.pdf-preview')
     <div id="content" class="flex flex-col min-h-screen justify-between">

diff --git a/resources/views/layouts/clean-layout.blade.php b/resources/views/layouts/clean-layout.blade.php
@@ -2,7 +2,7 @@
   <head>
     @include('includes.head-lite')
   </head>
- <body class="bg-origin-padding bg-top bg-scroll bg-dt1 bg-no-repeat min-h-screen grid grid-cols-1 lg:grid-cols-2" style="background-image: url('{{ asset('assets/home.avif') }}');">
+ <body class="bg-origin-padding bg-top bg-scroll bg-cover bg-dt1 bg-no-repeat min-h-screen grid grid-cols-1 lg:grid-cols-2" style="background-image: url('{{ asset('assets/home.avif') }}');">
     @yield('content')
     <script async type="text/javascript" src="https://unpkg.com/@material-tailwind/html@latest/scripts/ripple.js"></script>
   </body>

diff --git a/resources/views/layouts/main-layout.blade.php b/resources/views/layouts/main-layout.blade.php
@@ -3,7 +3,7 @@
     @include('includes.head')
     <header>@include('includes.header')</header>
   </head>
-  <body class="bg-origin-padding bg-top bg-scroll bg-dt1 bg-no-repeat" style="background-image: url('{{ asset('assets/home.avif') }}');">
+  <body class="bg-origin-padding bg-top bg-scroll bg-cover bg-dt1 bg-no-repeat" style="background-image: url('{{ asset('assets/home.avif') }}');">
     @include('includes.modal')
     @include('includes.pdf-preview')
     <div id="content" class="flex flex-col min-h-screen justify-between">