generated from Seekra/repository-template
replace 'search' text on the search submit button with a magnifying glass icon
This commit is contained in:
@@ -15,6 +15,8 @@ limitations under the License.
|
|||||||
-->
|
-->
|
||||||
|
|
||||||
<script setup>
|
<script setup>
|
||||||
|
import Icon from '@/features/icons/components/Icon.vue';
|
||||||
|
|
||||||
const searchQuery = defineModel();
|
const searchQuery = defineModel();
|
||||||
|
|
||||||
import { useRouter } from 'vue-router';
|
import { useRouter } from 'vue-router';
|
||||||
@@ -45,7 +47,9 @@ const submitSearch = function () {
|
|||||||
:placeholder="t('search.searchBar.placeholder')"
|
:placeholder="t('search.searchBar.placeholder')"
|
||||||
required
|
required
|
||||||
/>
|
/>
|
||||||
<button type="submit" class="search-button">{{ t('search.searchBar.submit') }}</button>
|
<button type="submit" class="search-button">
|
||||||
|
<Icon name="magnifying-glass" size="1.1em" />
|
||||||
|
</button>
|
||||||
</div>
|
</div>
|
||||||
</form>
|
</form>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
Reference in New Issue
Block a user