arthur/ui
1
0
Fork 0
mirror of https://github.com/ArthurDanjou/ui.git synced 2026-01-14 20:19:34 +01:00
Code Issues Packages Projects Releases Wiki Activity

fix(CommandPalette): missing right padding on input with close button

Browse Source
This commit is contained in:
Benjamin Canac
2023-12-08 15:26:13 +01:00
parent f07968afef
commit ad33b26729
2 changed files with 6 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/runtime/components/navigation/CommandPalette.vue
View File

@@ -14,14 +14,14 @@
<HComboboxInput
ref="comboboxInput"
:value="query"
:class="[ui.input.base, ui.input.size, ui.input.height, ui.input.padding, icon && ui.input.icon.padding]"
:class="[ui.input.base, ui.input.size, ui.input.height, ui.input.padding, icon && ui.input.icon.padding, closeButton && ui.input.closeButton.padding]"
:placeholder="placeholder"
:aria-label="placeholder"
autocomplete="off"
@change="query = $event.target.value"
/>
<UButton v-if="closeButton" aria-label="Close" v-bind="{ ...(ui.default.closeButton || {}), ...closeButton }" :class="ui.input.closeButton" @click="onClear" />
<UButton v-if="closeButton" aria-label="Close" v-bind="{ ...(ui.default.closeButton || {}), ...closeButton }" :class="ui.input.closeButton.base" @click="onClear" />
</div>
<HComboboxOptions

5
src/runtime/ui.config/navigation/commandPalette.ts
View File

@@ -13,7 +13,10 @@ export default {
size: 'h-4 w-4',
padding: 'ps-10'
},
closeButton: 'absolute end-4'
closeButton: {
base: 'absolute end-4',
padding: 'pe-10'
}
},
emptyState: {
wrapper: 'flex flex-col items-center justify-center flex-1 px-6 py-14 sm:px-14',