mirfalah-tech
/
digital-card
Suivre 10
Ajouter aux favoris 0
Bifurcation 0
Code Tickets 0 Demandes d'ajout 0 Versions 0 Wiki Activité
Parcourir la source

fix enforce light mode

am
farhan il y a 1 an
Parent
0c38a279f4
révision
77a25ea0b5
3 fichiers modifiés avec 6 ajouts et 13 suppressions
Vue unifiée Afficher les stats Diff
  1. 2
    4
      resources/views/digital-card.blade.php
  2. 1
    8
      resources/views/rsvp-digital-card.blade.php
  3. 3
    1
      tailwind.config.js

+ 2
- 4
resources/views/digital-card.blade.php Voir le fichier

1 
 <!DOCTYPE html>
 1 
 <!DOCTYPE html>
2 
-<html lang="{{ str_replace('_', '-', app()->getLocale()) }}">
2 
+<html lang="{{ str_replace('_', '-', app()->getLocale()) }}" data-theme="light">
3 
     <head>
 3 
     <head>
4 
         <meta charset="utf-8">
 4 
         <meta charset="utf-8">
5 
         <meta name="viewport" content="width=device-width, initial-scale=1">
 5 
         <meta name="viewport" content="width=device-width, initial-scale=1">
90 
                     document.body.classList.remove('no-scroll'); // Enable scrolling
 90 
                     document.body.classList.remove('no-scroll'); // Enable scrolling
91 
                     setTimeout(smoothScroll, scrollInterval); // Start smooth scrolling after initial delay
 91 
                     setTimeout(smoothScroll, scrollInterval); // Start smooth scrolling after initial delay
92 
                 }
 92 
                 }
93 
-
94 
-                document.documentElement.classList.add('light-mode');
95
93
96 
                 // Listen for click or touch event to start auto-scrolling
 94 
                 // Listen for click or touch event to start auto-scrolling
97 
                 window.addEventListener('click', handleInteraction, { once: true });
 95 
                 window.addEventListener('click', handleInteraction, { once: true });
131 
         <div class="section bg-babyblue flex justify-center pb-20 fade-element">
 129 
         <div class="section bg-babyblue flex justify-center pb-20 fade-element">
132 
             @include('components.countdown')
 130 
             @include('components.countdown')
133 
         </div>
 131 
         </div>
134 
-        <div class="section bg-babyblue flex justify-center pb-5 pb-20 fade-element">
132 
+        <div class="section bg-babyblue flex justify-center pt-5 pb-20 fade-element">
135 
             @include('components.guestbook')
 133 
             @include('components.guestbook')
136 
         </div>
 134 
         </div>
137 
         <div class="section bg-babyblue flex justify-center pt-5 pb-20 fade-element">
 135 
         <div class="section bg-babyblue flex justify-center pt-5 pb-20 fade-element">

+ 1
- 8
resources/views/rsvp-digital-card.blade.php Voir le fichier

1 
 <!DOCTYPE html>
 1 
 <!DOCTYPE html>
2 
-<html lang="en">
2 
+<html lang="en" data-theme="light">
3 
 <head>
 3 
 <head>
4 
     <meta charset="UTF-8">
 4 
     <meta charset="UTF-8">
5 
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
 5 
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
18 
     <audio id="player" autoplay="autoplay" loop>
 18 
     <audio id="player" autoplay="autoplay" loop>
19 
         <source src="{{asset('assets/background-musicv2.mp3')}}" type="audio/mp3">
 19 
         <source src="{{asset('assets/background-musicv2.mp3')}}" type="audio/mp3">
20 
     </audio>
 20 
     </audio>
21 
-
22 
-    <script>
23 
-        document.addEventListener('DOMContentLoaded', (event) => {
24 
-            document.documentElement.classList.add('light-mode');
25 
-        });
26 
-    </script>
27 
-
28 
     <div class="section bg-babyblue h-screen w-screen flex justify-center items-center">
 21 
     <div class="section bg-babyblue h-screen w-screen flex justify-center items-center">
29 
         <div class="flex flex-col gap-3 w-4/5 z-10">
 22 
         <div class="flex flex-col gap-3 w-4/5 z-10">
30 
             <div class="flex justify-center">
 23 
             <div class="flex justify-center">

+ 3
- 1
tailwind.config.js Voir le fichier

33 
       'xl': '1280px',
 33 
       'xl': '1280px',
34 
       '2xl': '1536px',
 34 
       '2xl': '1536px',
35 
     },
 35 
     },
36 
-
36 
+  },
37 
+  daisyui: {
38 
+    themes: ["light"],
37 
   },
 39 
   },
38 
   plugins: [
 40 
   plugins: [
39 
     require('tailwindcss-animate'),
 41 
     require('tailwindcss-animate'),

Écrire Aperçu
Chargement…
Annuler
Enregistrer