Need to fixe Search bar for LG and More

This commit is contained in:
PascalMarchesseault
2024-08-30 12:49:23 -04:00
parent 5e8b8e0a93
commit 8adb002dc4

View File

@@ -29,7 +29,7 @@
<div class="flex-grow flex items-center justify-center relative"> <div class="flex-grow flex items-center justify-center relative">
<div v-if="showSearch || !isSmallScreen" class="flex-grow flex justify-center items-center" :class="{'w-full': isSmallScreen && showSearch}"> <div v-if="showSearch || !isSmallScreen" class="flex-grow flex justify-center items-center lg:max-w-[]" >
<template v-if="showSearch"> <template v-if="showSearch">
<v-text-field <v-text-field
density="compact" density="compact"
@@ -38,8 +38,7 @@
v-model="searchQuery" v-model="searchQuery"
placeholder="Recherche" placeholder="Recherche"
hide-details hide-details
clearable clearable
class="rounded-full w-full sm:w-full md:w-full lg:w-96 mx-2"
append-inner-icon="mdi-magnify" append-inner-icon="mdi-magnify"
@click.stop @click.stop
@click:append-inner="onSearch" @click:append-inner="onSearch"