styling and code refactoring
This commit is contained in:
@ -77,7 +77,12 @@
|
||||
/>
|
||||
</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">
|
||||
<div
|
||||
ref="liveSearchModal"
|
||||
v-if="live_search.modal"
|
||||
class="absolute w-full left-0 right-0 bg-white rounded-xl shadow-md pl-4 pr-4 pt-4 top-20 z-10"
|
||||
:class="live_search.data.length > 8 ? 'pb-0' : 'pb-4'"
|
||||
>
|
||||
<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">
|
||||
@ -96,8 +101,8 @@
|
||||
<li v-if="live_search.not_found">{{ trans('modules.not_found') }}</li>
|
||||
</ul>
|
||||
|
||||
<div v-if="live_search.data.length > 8" class="flex item-center justify-center mt-5">
|
||||
<x-button type="submit" kind="primary">{{ trans('modules.see_more') }}</x-button>
|
||||
<div v-if="live_search.data.length > 8" class="flex item-center justify-center mt-5 -mx-4">
|
||||
<x-button type="submit" class="w-full h-10 flex items-center justify-center text-purple font-medium border-y rounded-bl-xl rounded-br-xl disabled:bg-gray-200 hover:bg-gray-100" override="class">{{ trans('modules.see_more') }}</x-button>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
|
Reference in New Issue
Block a user