Add search bar to dash

This commit is contained in:
Dane Everitt 2018-05-26 22:19:33 -07:00
parent d78189df23
commit f337a89320
No known key found for this signature in database
GPG Key ID: EEA66103B3D71F53
2 changed files with 17 additions and 2 deletions

View File

@ -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;
}
}
}

View File

@ -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">