Filter search css

This commit is contained in:
frederikpyt 2020-07-29 13:58:19 +02:00
parent 657acbd6eb
commit 13c2e56e34
3 changed files with 25 additions and 23 deletions

View File

@ -6693,3 +6693,8 @@ main {
margin: auto; margin: auto;
} }
.checkbox-inline {
margin: 0 8px;
transform: scale(1.5);
}

View File

@ -33,3 +33,8 @@
width: 1em; width: 1em;
margin: auto; margin: auto;
} }
.checkbox-inline{
margin: 0 8px;
transform: scale(1.5);
}

View File

@ -10,34 +10,26 @@
@endsection @endsection
@section("content") @section("content")
<div class="row align-items-center"> <div class="row align-items-center">
<a class="btn btn-inline btn-sde-blue mb-0" href="{{ route('users.create') }}"><img src="{{ asset('/images/icons/plus.svg') }}" alt="Create">Opret Bruger</a> <a class="btn btn-inline btn-sde-blue mb-0" href="{{ route('users.create') }}"><img src="{{ asset('/images/icons/plus.svg') }}" alt="Create">Opret Bruger</a>
<form method="post" action="{{ route("users.store") }}"> <form method="post" action="{{ route("users.store") }}">
@csrf @csrf
<input type="text" class="form-controller" id="search" name="search" placeholder="Søg efter navn,email,tf"></input> <input type="text" class="form-controller" id="search" name="search" placeholder="Søg efter navn,email,tlf"></input>
</form> </form>
<input class="checkbox-inline" type="checkbox" name="checkbox" id="navn" value="navn">
<label for="navn">Navn</label>
<input class="checkbox-inline" type="checkbox" name="checkbox" id="efternavn" value="efternavn">
<label for="efternavn">Efternavn</label>
<input class="checkbox-inline" type="checkbox" name="checkbox" id="email" value="email">
<label for="email">Email</label>
<input class="checkbox-inline" type="checkbox" id="telefon" name="checkbox" value="telefon">
<label for="telefon">Telefon</label>
<input class="checkbox-inline" type="checkbox" id="rolle" name="checkbox"value="rolle">
<label for="rolle">Rolle</label>
</div> </div>
<div id="filterSearch">
<form action="" method="POST">
<input class="checkbox-inline" type="checkbox" name="checkbox" id="navn" value="navn">
<label for="navn">Navn</label>
<input class="checkbox-inline" type="checkbox" name="checkbox" id="efternavn" value="efternavn">
<label for="efternavn">Efternavn</label>
<input class="checkbox-inline" type="checkbox" name="checkbox" id="email" value="email">
<label for="efternavn">Email</label>
<input class="gem" type="checkbox" id="telefon" name="checkbox" value="telefon">
<label for="telefon">Telefon</label>
<input class="gem" type="checkbox" id="rolle" name="checkbox"value="rolle">
<label for="rolle">Rolle</label>
</form>
</div>
<table class="tbl mt-2"> <table class="tbl mt-2">
<tr> <tr>
<th>Fornavn</th> <th>Fornavn</th>