KumiSystems/Chatwoot
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

chore: Improve button component styles (#1996)

Browse source
This commit is contained in:
Nithin David Thomas 2021-04-07 11:43:16 +05:30 • committed by GitHub
parent dbb41c12a2
commit 7a890e543a
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
10 changed files with 37 additions and 34 deletions
Download patch file Download diff file Expand all files Collapse all files

16
app/javascript/dashboard/components/ui/WootButton.vue
View file

@ -12,8 +12,8 @@
@click="handleClick"
>
<spinner v-if="isLoading" size="small" />
<i v-if="icon" :class="icon"></i>
<span v-if="$slots.default"><slot></slot></span>
<i v-else-if="icon" class="icon" :class="icon"></i>
<span v-if="$slots.default" class="content"><slot></slot></span>
</button>
</template>
<script>
@ -59,3 +59,15 @@ export default {
},
};
</script>
<style lang="scss" scoped>
.button {
display: flex;
align-items: center;
}
.spinner {
padding: 0 var(--space-small);
}
.icon + .content {
padding-left: var(--space-small);
}
</style>