feedback edited

This commit is contained in:
Burak Civan 2022-07-19 10:36:26 +03:00
parent 545303b04b
commit 41a62341cb

View File

@ -61,7 +61,7 @@
</div> </div>
<div class="flex flex-col lg:flex-row w-full justify-between"> <div class="flex flex-col lg:flex-row w-full justify-between">
<div class="h-full relative"> <div class="w-8/12 h-full">
<form method="GET" action="{{ url("/" . company_id()) }}/apps/search"> <form method="GET" action="{{ url("/" . company_id()) }}/apps/search">
<div class="h-full flex items-center pl-2 gap-2"> <div class="h-full flex items-center pl-2 gap-2">
<i class="material-icons text-light-gray">search</i> <i class="material-icons text-light-gray">search</i>
@ -76,10 +76,32 @@
v-on:keyup="onLiveSearch($event)" v-on:keyup="onLiveSearch($event)"
/> />
</div> </div>
<div ref="liveSearchModal" v-if="live_search_modal" class="absolute w-full left-0 right-0 bg-white rounded-xl shadow-md p-4 top-20 z-10">
<ul class="grid sm:grid-cols-6 gap-8">
<li v-for="(item, index) in live_search_data.slice(0,8)" :key="index" class="sm:col-span-3 p-3 rounded-lg hover:bg-gray-100">
<a :href="route_url + '/apps/' + item.slug" class="flex items-center space-x-4">
<img v-for="(file, indis) in item.files"
:src="file.path_string"
:alt="item.name"
class="w-16 h-12 rounded-lg object-cover"
/>
<div>
<h6 class="font-bold" v-html="item.name"></h6>
<span class="text-sm text-gray-500 line-clamp-1" v-html="item.sort_desc ? item.sort_desc : item.description"></span>
</div>
</a>
</li>
</ul>
<div v-if="live_search_data.length > 4" class="flex item-center justify-center mt-5">
<x-button type="submit" kind="primary">{{ trans('modules.see_more') }}</x-button>
</div>
</div>
</form> </form>
</div> </div>
<div class="flex flex-row items-end lg:items-center mb-1 divide-x divide-black-400"> <div class="flex flex-row items-end lg:items-center mb-1 divide-x divide-black-400 mt-4 lg:mt-0">
<x-link href="{{ route('apps.home.index') }}" class="text-sm font-semibold px-2 sm:mt-0 sm:mb-0 leading-4" override="class"> <x-link href="{{ route('apps.home.index') }}" class="text-sm font-semibold px-2 sm:mt-0 sm:mb-0 leading-4" override="class">
<x-link.hover color="to-black-400"> <x-link.hover color="to-black-400">
{{ trans('modules.home') }} {{ trans('modules.home') }}
@ -105,22 +127,4 @@
</x-link> </x-link>
</div> </div>
</div> </div>
<div ref="liveSearchModal" v-if="live_search_modal" class="absolute w-full bg-white rounded-xl shadow-md p-4 top-20 z-10">
<ul class="grid sm:grid-cols-6 gap-8">
<li v-for="(item, index) in live_search_data" :key="index" class="sm:col-span-3 p-3 rounded-lg hover:bg-gray-100">
<a :href="route_url + '/apps/' + item.slug" class="flex items-center space-x-4">
<img v-for="(file, indis) in item.files"
:src="file.path_string"
:alt="item.name"
class="w-12 h-12 rounded-lg object-cover"
/>
<div>
<h6 class="font-bold" v-html="item.name"></h6>
<span class="text-sm text-gray-500 line-clamp-3" v-html="item.description"></span>
</div>
</a>
</li>
</ul>
</div>
</div> </div>