Add search bar to dash
This commit is contained in:
parent
d78189df23
commit
f337a89320
|
@ -68,3 +68,15 @@ code {
|
|||
@apply .border .border-grey-light .bg-white .rounded .p-4 .justify-between .leading-normal;
|
||||
}
|
||||
}
|
||||
|
||||
.server-search {
|
||||
@apply .w-full .my-4;
|
||||
|
||||
& > input[type="text"] {
|
||||
@apply .w-full .p-3 .rounded .border .text-grey-darker;
|
||||
|
||||
&:focus {
|
||||
@apply .border-blue-light;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
@ -24,7 +24,7 @@
|
|||
</li>
|
||||
<li>
|
||||
<a href="{{ route('auth.logout') }}">
|
||||
<span>L</span>
|
||||
<span>Logout</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
|
@ -33,7 +33,10 @@
|
|||
@endsection
|
||||
|
||||
@section('container')
|
||||
<div class="w-full m-auto mt-8 animate fadein sm:flex flex-wrap content-start">
|
||||
<div class="server-search animate fadein">
|
||||
<input type="text" placeholder="search for servers..."/>
|
||||
</div>
|
||||
<div class="w-full m-auto mt-4 animate fadein sm:flex flex-wrap content-start">
|
||||
@foreach($servers as $server)
|
||||
<div class="server-box">
|
||||
<div class="content">
|
||||
|
|
Loading…
Reference in New Issue