modif du thème avec tailwind

index.php

@@ -10,7 +10,7 @@
     <?php wp_body_open(); ?>
     <?php do_action('get_header'); ?>
 
-    <div id="app">
+    <div id="app" class="banner bg-slate-900 text-slate-50 flex w-full flex-col justify-center items-center">
       <?php echo view(app('sage.view'), app('sage.data'))->render(); ?>
     </div>
 

package.json

@@ -24,6 +24,6 @@
     "@roots/sage": "6.12.2"
   },
   "dependencies": {
-    "caniuse-lite": "^1.0.30001488"
+    "caniuse-lite": "^1.0.30001504"
   }
 }

resources/views/index.blade.php

@@ -14,14 +14,14 @@
     }
 </style>
 
-  <table >
+  <table class="table-fixed">
     <thead>
-      <tr>
-        <th ></th>
-        <th>Images</th>
-        <th>Voix Off et In</th>
-        <th>Bande Son</th>
-        <th>Ecrits</th>
+      <tr class="border-slate-50 w-4/5 h-64 top-24 fixed flex items-stretch justify-around text-center">
+        <th class="bg-slate-900 w-1/5 flex items-end justify-start"></th>
+        <th class="bg-slate-900 w-1/5 flex items-end justify-start">Images</th>
+        <th class="bg-slate-900 w-1/5 flex items-end justify-start">Voix Off et In</th>
+        <th class="bg-slate-900 w-1/5 flex items-end justify-start">Bande Son</th>
+        <th class="bg-slate-900 w-1/5 flex items-end justify-start">Ecrits</th>
       </tr>
     </thead>
     <tbody>
@@ -38,12 +38,12 @@
         if ($query->have_posts()) :
           while ($query->have_posts()) : $query->the_post();
       ?>
-          <tr>
-            <td >{{ get_post_meta(get_the_ID(), 'Minutage', true) }}</td>
-            <td>{{ get_post_meta(get_the_ID(), 'Images', true) }}</td>
-            <td>{{ get_post_meta(get_the_ID(), 'VoixOffIn', true) }}</td>
-            <td>{{ get_post_meta(get_the_ID(), 'BandeSon', true) }}</td>
-            <td>{{ get_post_meta(get_the_ID(), 'Ecrits', true) }}</td>
+          <tr class="border-slate-50">
+            <td class="w-1/5 bg-red-400 pr-4 pt-1 pb-8 text-right">{{ get_post_meta(get_the_ID(), 'Minutage', true) }}</td>
+            <td class="w-1/5 py-8">{{ get_post_meta(get_the_ID(), 'Images', true) }}</td>
+            <td class="w-1/5 py-8">{{ get_post_meta(get_the_ID(), 'VoixOffIn', true) }}</td>
+            <td class="w-1/5 py-8">{{ get_post_meta(get_the_ID(), 'BandeSon', true) }}</td>
+            <td class="w-1/5 py-8">{{ get_post_meta(get_the_ID(), 'Ecrits', true) }}</td>
           </tr>
        <?php
           endwhile;

resources/views/layouts/app.blade.php

@@ -4,7 +4,7 @@
 
 @include('sections.header')
 
-  <main id="main" class="main">
+  <main id="main" class="main bg-slate-900 w-4/5 z-0 mt-96 mt-1/12">
     @yield('content')
   </main>
 

resources/views/sections/header.blade.php

@@ -1,4 +1,4 @@
-<header class="banner">
+<header class="text-4xl py-8 shadow-lg fixed top-0 h-1/12 w-full bg-slate-900 flex flex-row justify-center items-center z-10">
   <a class="brand" href="{{ home_url('/') }}">
     {!! $siteName !!}
   </a>

yarn.lock

@@ -4008,14 +4008,14 @@ caniuse-api@^3.0.0:
     lodash.uniq "^4.5.0"
 
 caniuse-lite@^1.0.0, caniuse-lite@^1.0.30001286, caniuse-lite@^1.0.30001332, caniuse-lite@^1.0.30001359, caniuse-lite@^1.0.30001400, caniuse-lite@^1.0.30001449, caniuse-lite@^1.0.30001464:
-  version "1.0.30001488"
-  resolved "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001488.tgz"
-  integrity sha512-NORIQuuL4xGpIy6iCCQGN4iFjlBXtfKWIenlUuyZJumLRIindLb7wXM+GO8erEhb7vXfcnf4BAg2PrSDN5TNLQ==
-
-caniuse-lite@^1.0.30001488:
-  version "1.0.30001488"
-  resolved "https://registry.yarnpkg.com/caniuse-lite/-/caniuse-lite-1.0.30001488.tgz#d19d7b6e913afae3e98f023db97c19e9ddc5e91f"
-  integrity sha512-NORIQuuL4xGpIy6iCCQGN4iFjlBXtfKWIenlUuyZJumLRIindLb7wXM+GO8erEhb7vXfcnf4BAg2PrSDN5TNLQ==
+  version "1.0.30001504"
+  resolved "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001504.tgz"
+  integrity sha512-5uo7eoOp2mKbWyfMXnGO9rJWOGU8duvzEiYITW+wivukL7yHH4gX9yuRaobu6El4jPxo6jKZfG+N6fB621GD/Q==
+
+caniuse-lite@^1.0.30001504:
+  version "1.0.30001504"
+  resolved "https://registry.yarnpkg.com/caniuse-lite/-/caniuse-lite-1.0.30001504.tgz#eaf77e5c852dfa5f82c4924468c30602ac53744a"
+  integrity sha512-5uo7eoOp2mKbWyfMXnGO9rJWOGU8duvzEiYITW+wivukL7yHH4gX9yuRaobu6El4jPxo6jKZfG+N6fB621GD/Q==
 
 ccount@^2.0.0:
   version "2.0.1"