artlef/bibliomane
1
0
Fork 0
Code Issues 11 Pull Requests Actions Packages Projects 1 Releases 3 Wiki Activity

Search bar: set full width on mobile

Browse Source
This commit is contained in:
Arthur Lefebvre
2026-02-17 16:07:48 +01:00
parent 527510db2f
commit f87bc5bb22
1 changed files with 6 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
front/src/NavBarSearch.vue
View File

@@ -33,7 +33,7 @@
<template> <template>
<div class="navbar-item"> <div class="navbar-item">
<div class="field has-addons"> <div class="field has-addons">
<div class="control"> <div class="control" :class="isMobile ? 'fullwidth' : ''">
<input v-mobile-focus="isMobile ? true : null" v-model="searchterm" @keyup.enter="onSearchClick()" class="input" :class="sizeClass" type="text" /> <input v-mobile-focus="isMobile ? true : null" v-model="searchterm" @keyup.enter="onSearchClick()" class="input" :class="sizeClass" type="text" />
</div> </div>
<div class="control"> <div class="control">
@@ -48,4 +48,8 @@
</div> </div>
</template> </template>
<style scoped></style> <style scoped>
.fullwidth {
width: 100%;
}
</style>