mirror of
https://github.com/koel/koel
synced 2024-12-22 02:23:14 +00:00
31 lines
491 B
Vue
31 lines
491 B
Vue
<template>
|
|
<span class="btn-group inline-flex relative flex-nowrap">
|
|
<slot />
|
|
</span>
|
|
</template>
|
|
|
|
<style lang="postcss" scoped>
|
|
.btn-group {
|
|
:deep(button) {
|
|
&:not(:first-child) {
|
|
@apply rounded-none;
|
|
}
|
|
|
|
&:first-of-type {
|
|
@apply rounded-l-md rounded-r-none;
|
|
}
|
|
|
|
&:last-of-type {
|
|
@apply rounded-r-md rounded-l-none;
|
|
}
|
|
|
|
&:only-of-type {
|
|
@apply rounded;
|
|
}
|
|
}
|
|
|
|
&[uppercase] :deep(button) {
|
|
@apply uppercase;
|
|
}
|
|
}
|
|
</style>
|