Commit a66adc03 authored by Julien Sailly's avatar Julien Sailly
Browse files

feat: improving nav-bar style

parent 66196896

public/logo.png

0 → 100644
+0 −0

Empty file added.

resources/views/components/button.blade.php

+1 −1
Original line number Diff line number Diff line 
<button class="m-1 @if (isset($color) && $color != "") {{ $color }} @else bg-gray-300 @endif hover:bg-gray-400 text-gray-800 font-bold py-2 px-4 rounded inline-flex items-center">

<button class="m-1 @if (isset($color) && $color != "") {{ $color }} @else bg-gray-400 @endif @if (isset($colorHover) && $colorHover != "") {{ $colorHover }} @else hover:bg-gray-500 @endif text-gray-800 font-bold py-2 px-4 rounded inline-flex items-center">

    {{ $slot }}

</button>

resources/views/components/header.blade.php

+4 −4
Original line number Diff line number Diff line 
<nav x-data="{ open: false }" class="bg-white border-b border-gray-100">

<nav x-data="{ open: false }" class="bg-[#002550] border-b border-gray-100">

    <!-- Primary Navigation Menu -->

    <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">

        <div class="flex justify-between h-16">
@@ -6,14 +6,14 @@ 
                <!-- Logo -->

                <div class="shrink-0 flex items-center">

                    <a href="{{ route('homepage') }}">

                        <img class="block h-9 w-auto fill-current text-gray-800" src="resources/img/logo_allonge.png" alt="Nautilus logo"/>

                        <img class="block h-9 w-auto fill-current text-gray-800" src="{{ asset('resources/img/logo.png') }}" alt="Nautilus logo"/>

                    </a>

                </div>



                <!-- Navigation Links -->

                <div class="hidden space-x-8 sm:-my-px sm:ms-10 sm:flex">

                <div class="hidden text-[#EBEBEB] space-x-8 sm:-my-px sm:ms-10 sm:flex">

                    <x-nav-link :href="route('homepage')" :active="request()->routeIs('homepage')">

                        {{ __('Page d\'accueil') }}

                        {{ __('Accueil') }}

                    </x-nav-link>

                    <x-nav-link :href="route('dives')" :active="request()->routeIs('dives')">

                        {{ __('Plongées') }}

resources/views/components/nav-link.blade.php

+2 −2
Original line number Diff line number Diff line
@@ -2,8 +2,8 @@ 


@php

    $classes = ($active ?? false)

                ? 'inline-flex items-center px-1 pt-1 border-b-2 border-indigo-400 text-sm font-medium leading-5 text-gray-900 focus:outline-none focus:border-indigo-700 transition duration-150 ease-in-out'

                : 'inline-flex items-center px-1 pt-1 border-b-2 border-transparent text-sm font-medium leading-5 text-gray-500 hover:text-gray-700 hover:border-gray-300 focus:outline-none focus:text-gray-700 focus:border-gray-300 transition duration-150 ease-in-out';

                ? 'inline-flex items-center px-1 pt-1 border-b-2 border-[#FFBE55] hover:text-[#FFBE55] text-sm font-medium leading-5 text-[#EBEBEB] focus:outline-none focus:border-[#FFBE55] transition duration-150 ease-in-out'

                : 'inline-flex items-center px-1 pt-1 border-b-2 border-transparent hover:text-[#FFBE55] text-sm font-medium leading-5 text-[#EBEBEB] hover:border-[#FFBE55] focus:outline-none focus:text-[#FFBE55] focus:border-[#FFBE55] transition duration-150 ease-in-out';

@endphp



<a {{ $attributes->merge(['class' => $classes]) }}>

resources/views/dives.blade.php

+2 −2
Original line number Diff line number Diff line
@@ -23,7 +23,7 @@ 
                            <div class="alert alert-info">{{ Session::get('Success') }}</div>

                        @endif

                        <a href='/dives/{{$dive->DS_CODE}}'>

                            <x-button color="bg-green-700">

                            <x-button color="bg-green-700" colorHover="hover:bg-green-800">

                                <svg class="w-6 h-6 text-gray-800 dark:text-white" aria-hidden="true"

                                     xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 12">

                                    <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"
@@ -32,7 +32,7 @@ 
                            </x-button>

                        </a>

                        <a href="/dives/list-divers/{{$dive->DS_CODE}}">

                            <x-button color="">

                            <x-button>

                                <svg class="w-6 h-6 text-gray-800 dark:text-white" aria-hidden="true"

                                     xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 18">

                                    <path