feat: style improved (c41c0718) · Commits · Victor Friboulet / nautilus

public/css/button-filter.css

+15 −20

Changes for public/css/button-filter.css: 15 added lines, 20 removed lines.
Original line number	Diff line number	Diff line
		@@ -7,24 +7,14 @@ .container {
		}

		.change-my-color {
		fill: #1d4ed8;
		}

		input{
		background-color: #002550;
		color: white;
		}

		input:hover{
		color: #fff;
		background: #1d4ed8;
		border-radius: 15px;
		fill: #575757;
		}

		.button {
		width: 1200px;
		height: 65px;
		background: #002550;
		background: #e5e5e5;
		border: #a8a8a8 solid 1px;
		border-radius: 15px;
		cursor: pointer;
		display: flex;
		@@ -39,7 +29,7 @@ .container {
		.nav {
		opacity: 1;
		transition: all 0.5s ease-in-out;
		background: #002550;
		background: #e5e5e5;
		width: 100%;
		border-radius: 5px;
		transform: translateX(10%);
		@@ -51,6 +41,14 @@ .container {
		display: flex;
		flex-direction: row;
		}
		input {
		background-color: #e5e5e5;
		}

		input:hover {
		background-color: #bdbdbd;
		}

		li {
		opacity: 0;
		list-style: none;
		@@ -72,9 +70,8 @@ .container {
		}
		}
		li {
		transition: all 0.5s linear;
		text-decoration: none;
		color: grey;
		color: #4f4f4f;
		font-size: 20px;
		width: fit-content;
		padding: 10px;
		@@ -82,13 +79,11 @@ .container {
		display: flex;
		align-items: center;
		justify-content: center;
		border-radius: 0.5rem;
		margin: 0 10px 0 0;
		border-radius: 15px;

		&:hover {
		color: #fff;
		background: #1d4ed8;
		border-radius: 15px;
		background: #bdbdbd;
		}
		}
		}

resources/views/dives.blade.php

+4 −5

Changes for resources/views/dives.blade.php: 4 added lines, 5 removed lines.
Original line number	Diff line number	Diff line
		<x-layout>
		<link rel="stylesheet" href="/css/drop-down.css">
		<link rel="stylesheet" href="/css/button-filter.css">
		<span>
		<x-page-title>Liste des plongées</x-page-title>

		<div class="container">
		<input type="checkbox" id="toggle" checked />
		<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>
		<nav class="nav">
		<div class="nav">
		<ul>
		<li>
		<label for="underline_select" class="sr-only">Choisir un lieux</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-orange-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>Lieux</option>
		@foreach ($dives as $dive)
		<option value="{{$dive->DL_NAME}}">{{$dive->DL_NAME}}</option>
		@@ -21,7 +20,7 @@
		</li>
		<li>
		<label for="underline_select" class="sr-only">Choisir un créneau</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>Créneau</option>
		@foreach ($dives as $dive)
		<option value="{{$dive->CAR_SCHEDULE}}">{{$dive->CAR_SCHEDULE}}</option>
		@@ -42,7 +41,7 @@
		<input type="date" name="date-dive" />
		</li>
		</ul>
		</nav>
		</div>
		</label>
		</div>