Commit 70c6b9ae authored by Julien Sailly's avatar Julien Sailly
Browse files

feat: improving styles of the dive list, page-title and buttons

parent c283b694

resources/views/components/button.blade.php

+1 −1
Original line number Diff line number Diff line 
<button class="bg-gray-300 hover:bg-gray-400 text-gray-800 font-bold py-2 px-4 rounded inline-flex items-center">

<button class="m-1 bg-gray-300 hover:bg-gray-400 text-gray-800 font-bold py-2 px-4 rounded inline-flex items-center">

    {{ $slot }}

</button>

resources/views/components/layout.blade.php

+2 −1
Original line number Diff line number Diff line
@@ -4,10 +4,11 @@ 
  <meta charset="UTF-8">

  <meta name="viewport" content="width=device-width, initial-scale=1.0">

  <script src="https://cdn.tailwindcss.com"></script>

    <style>* {box-sizing: border-box}</style>

</head>

<body>

  <x-header/>

  <main>

  <main class="mx-auto max-w-6xl p-4">

    {{ $slot }}

  </main>

  <x-footer/>

resources/views/components/page-title.blade.php

+1 −1
Original line number Diff line number Diff line 
<h1 class="mb-6 ml-3 font-bold md:text-5xl lg:text-6xl underline underline-offset-8">{{ $slot }}</h1>
 
<h1 class="mb-6 font-bold md:text-5xl lg:text-6xl underline underline-offset-8">{{ $slot }}</h1>

resources/views/dives.blade.php

+15 −13
Original line number Diff line number Diff line 
<x-layout>

    <x-page-title>Liste des plongées</x-page-title>

    <table>

        <thead>

    <div class="shadow-md max-w-full rounded-lg overflow-hidden border-2">

        <table class="text-sm text-left text-gray-500 w-full">

            <thead class="text-xs text-gray-700 uppercase bg-gray-50">

            <tr>

                <th>Date</th>

                <th>Plage horaire</th>

                <th>Niveau requis</th>

                <th>Lieu</th>

                <th scope="col" class="px-6 py-3">Date</th>

                <th scope="col" class="px-6 py-3">Plage horaire</th>

                <th scope="col" class="px-6 py-3">Niveau requis</th>

                <th scope="col" class="px-6 py-3">Lieu</th>

                <th scope="col" class="px-6 py-3">Actions</th>

            </tr>

            </thead>

            <tbody>

            @foreach ($dives as $dive)

                <tr>

                    <td>{{ $dive->DS_DATE }}</td>

                    <td>{{ $dive->CAR_SCHEDULE }}</td>

                    <td>{{ $dive->DL_DEPTH }}</td>

                    <td>{{ $dive->DL_NAME }}</td>

                    <td><x-button>S'inscrire</x-button></td>

                    <td><x-button>Voir les inscrits</x-button></td>

                <tr class="odd:bg-white even:bg-gray-50 border-b">

                    <td class="px-6 py-4">{{ $dive->DS_DATE }}</td>

                    <td class="px-6 py-4">{{ $dive->CAR_SCHEDULE }}</td>

                    <td class="px-6 py-4">{{ $dive->DL_DEPTH }}</td>

                    <td class="px-6 py-4">{{ $dive->DL_NAME }}</td>

                    <td class="px-6 py-4"><x-button>S'inscrire</x-button><x-button>Voir les inscrits</x-button></td>

                </tr>

            @endforeach

            </tbody>

        </table>

    </div>

</x-layout>