chore: fix ui

This commit is contained in:
arashsheyda
2023-04-21 13:51:16 +03:00
parent 2234826810
commit e43eecb6f9
3 changed files with 20 additions and 10 deletions

View File

@ -8,6 +8,10 @@ defineProps({
type: Boolean,
default: true,
},
placeholder: {
type: String,
default: 'Search...',
},
})
const emit = defineEmits<{
@ -20,11 +24,11 @@ function update(event: any) {
</script>
<template>
<div flex="~ col gap2" border="b base" flex-1 navbar-glass pb4 :class="[{ p4: !noPadding }]">
<div flex="~ col gap2" border="b base" flex-1 navbar-glass :class="[{ p4: !noPadding }]">
<div flex="~ gap4">
<slot name="search">
<NTextInput
placeholder="Search..."
:placeholder="placeholder"
icon="carbon-search"
n="primary" flex-auto
:class="{ 'px-5 py-2': !noPadding }"