arthur/ui
1
0
Fork 0
mirror of https://github.com/ArthurDanjou/ui.git synced 2026-01-31 04:07:56 +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 <HComboboxInput
ref="comboboxInput" ref="comboboxInput"
:value="query" :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" :placeholder="placeholder"
:aria-label="placeholder" :aria-label="placeholder"
autocomplete="off" autocomplete="off"
@change="query = $event.target.value" @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> </div>
<HComboboxOptions <HComboboxOptions

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

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