feat: Create a new conversation from the contact panel (#2019)
* Chore: Improve button component styles
This commit is contained in:
parent
c287ad08fb
commit
864471a21e
16 changed files with 469 additions and 9 deletions
|
@ -13,7 +13,7 @@
|
|||
>
|
||||
<spinner v-if="isLoading" size="small" />
|
||||
<i v-else-if="icon" class="icon" :class="icon"></i>
|
||||
<span v-if="$slots.default" class="content"><slot></slot></span>
|
||||
<span v-if="$slots.default" class="button__content"><slot></slot></span>
|
||||
</button>
|
||||
</template>
|
||||
<script>
|
||||
|
@ -63,11 +63,16 @@ export default {
|
|||
.button {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
|
||||
&.link {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
}
|
||||
}
|
||||
.spinner {
|
||||
padding: 0 var(--space-small);
|
||||
}
|
||||
.icon + .content {
|
||||
.icon + .button__content {
|
||||
padding-left: var(--space-small);
|
||||
}
|
||||
</style>
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue