modif du thème avec tailwind

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>