mirror of
https://github.com/Bubka/2FAuth.git
synced 2025-06-20 03:38:06 +02:00
Add a no-background variation to the SearchBox component
This commit is contained in:
parent
5249b2ab97
commit
d96c943927
4
resources/js/assets/app.scss
vendored
4
resources/js/assets/app.scss
vendored
@ -382,6 +382,10 @@ a:hover {
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.has-no-background {
|
||||
background: none !important;
|
||||
}
|
||||
|
||||
.add-icon-button {
|
||||
height: 64px;
|
||||
width: 64px;
|
||||
|
@ -1,6 +1,10 @@
|
||||
<script setup>
|
||||
const props = defineProps({
|
||||
keyword: String
|
||||
keyword: String,
|
||||
hasNoBackground: {
|
||||
type: Boolean,
|
||||
default: false
|
||||
},
|
||||
})
|
||||
const searchInput = ref(null)
|
||||
|
||||
@ -34,6 +38,7 @@
|
||||
:aria-label="$t('commons.search')"
|
||||
:title="$t('commons.search')"
|
||||
class="input is-rounded is-search"
|
||||
:class="{ 'has-no-background': hasNoBackground }"
|
||||
:value="keyword"
|
||||
v-on:keyup="$emit('update:keyword', $event.target.value)">
|
||||
<span class="icon is-small is-right">
|
||||
|
Loading…
x
Reference in New Issue
Block a user