scottk/chatwoot
1
0
Fork 0
mirror of https://github.com/lingble/chatwoot.git synced 2025-11-01 19:48:08 +00:00
Code Issues Packages Projects Releases 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
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>