Commit 2f641668 authored by Julien Sailly's avatar Julien Sailly
Browse files

feat: style changes

parent c41c0718

public/css/button-filter.css

+4 −6
Changes for public/css/button-filter.css: 4 added lines, 6 removed lines.
Original line number Diff line number Diff line 
.container {

    width:50%;

    display: flex;

    justify-content: left;

    align-items: center;
@@ -11,7 +10,7 @@ .container { 
  }



  .button {

    width: 1200px;

    gap: 1.5rem;

    height: 65px;

    background: #e5e5e5;

    border: #a8a8a8 solid 1px;
@@ -20,7 +19,7 @@ .container { 
    display: flex;

    justify-content: left;

    align-items: center;

    padding: 0 24px;

    padding-left: 24px;

    overflow: hidden;

    transition: width 300ms linear;

    margin-bottom: 30px;
@@ -32,7 +31,6 @@ .container { 
      background: #e5e5e5;

    width: 100%;

    border-radius: 5px;

    transform: translateX(10%);

    padding: 10px;



    ul {
@@ -42,7 +40,7 @@ .container { 
      flex-direction: row;

    }

      input {

          background-color: #e5e5e5;

          background-color: transparent;

      }



      input:hover {
@@ -70,9 +68,9 @@ .container { 
      }

    }

    li {

        flex: 1;

      text-decoration: none;

      color: #4f4f4f;

      font-size: 20px;

      width: fit-content;

      padding: 10px;

      height: 52px;

resources/views/dives.blade.php

+12 −3
Changes for resources/views/dives.blade.php: 12 added lines, 3 removed lines.
Original line number Diff line number Diff line
@@ -4,7 +4,7 @@ 
            <x-page-title>Liste des plongées</x-page-title>



            <div class="container">

                <input type="checkbox" id="toggle" checked />

                <input type="checkbox" id="toggle" unchecked />

                <label class="button" for="toggle">

                    <svg class="change-my-color" xmlns="http://www.w3.org/2000/svg" height="19" width="19" viewBox="0 0 512 512"><!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path d="M3.9 54.9C10.5 40.9 24.5 32 40 32H472c15.5 0 29.5 8.9 36.1 22.9s4.6 30.5-5.2 42.5L320 320.9V448c0 12.1-6.8 23.2-17.7 28.6s-23.8 4.3-33.5-3l-64-48c-8.1-6-12.8-15.5-12.8-25.6V320.9L9 97.3C-.7 85.4-2.8 68.8 3.9 54.9z"/></svg>

                <div class="nav">
@@ -29,7 +29,7 @@ 
                        </li>

                        <li>

                            <label for="underline_select" class="sr-only">Choisir un niveau</label>

                            <select id="underline_select" class="block py-2.5 px-0 w-full text-sm text-gray-500 bg-transparent border-0 border-b-2 border-gray-200 appearance-none focus:outline-none focus:ring-0 focus:border-orange-600 peer">

                            <select id="underline_select" class="block py-2.5 px-0 w-full text-sm text-gray-500 bg-transparent appearance-none focus:outline-none focus:ring-0 focus:border-orange-600 peer">

                                <option selected>Niveau</option>

                                @foreach ($dives as $dive)

                                    <option value="{{$dive->CAR_SCHEDULE}}">{{$dive->DL_DEPTH}}</option>
@@ -37,9 +37,18 @@ 
                            </select>

                        </li>

                        <li>

                            <label class="hidden" for="start">date de départ</label>

                            <label class="hidden" for="start">Date de départ</label>

                            <input type="date" name="date-dive" />

                        </li>

                        <li>

                            <label class="hidden" for="participant_filter">Participant</label>

                            <select id="participant_filter" class="block py-2.5 px-0 w-full text-sm text-gray-500 bg-transparent appearance-none focus:outline-none focus:ring-0 focus:border-orange-600 peer">

                                <option selected>Niveau</option>

                                @foreach ($dives as $dive)

                                    <option value="{{$dive->CAR_SCHEDULE}}">{{$dive->DL_DEPTH}}</option>

                                @endforeach

                            </select>

                        </li>

                    </ul>

                </div>

                </label>