mudhorn/n8n
1
0
Fork 0
mirror of https://github.com/n8n-io/n8n.git synced 2024-12-25 04:34:06 -08:00
Code Issues Actions Packages Projects Releases Wiki Activity

fix prepend

Browse source
This commit is contained in:
Mutasem 2022-04-11 12:55:44 +02:00
parent 55877d34f4
commit 960354f42e
1 changed files with 10 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

16
packages/design-system/src/components/N8nSelect/Select.vue
View file

@ -1,5 +1,5 @@
<template functional>
<div :class="$style.container">
<div :class="{[$style.container]: true, [$style.withPrepend]: !!$slots.prepend}">
<div v-if="$slots.prepend" :class="$style.prepend">
<slot name="prepend" />
</div>
@ -130,15 +130,19 @@ export default {
.container {
display: inline-flex;
width: 100%;
--input-border-color: none;
border: var(--border-base);
border-radius: var(--input-border-radius, var(--border-radius-base))
}
.withPrepend {
input {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
}
.prepend {
display: inline-block;
font-size: var(--font-size-2xs);
border-right: var(--border-base);
border: var(--border-base);
border-right: none;
display: flex;
align-items: center;
padding: 0 var(--spacing-3xs);