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;
|
@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>
|
||||||
<li>
|
<li>
|
||||||
<a href="{{ route('auth.logout') }}">
|
<a href="{{ route('auth.logout') }}">
|
||||||
<span>L</span>
|
<span>Logout</span>
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
|
@ -33,7 +33,10 @@
|
||||||
@endsection
|
@endsection
|
||||||
|
|
||||||
@section('container')
|
@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)
|
@foreach($servers as $server)
|
||||||
<div class="server-box">
|
<div class="server-box">
|
||||||
<div class="content">
|
<div class="content">
|
||||||
|
|
Loading…
Reference in New Issue