feat:【ele】【mall】diy-editor 的 vertical-button-group 使用 tailwindcss 简化 style
This commit is contained in:
@@ -9,17 +9,12 @@ defineOptions({ name: 'VerticalButtonGroup' });
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<ElButtonGroup v-bind="$attrs">
|
||||
<ElButtonGroup v-bind="$attrs" class="!inline-flex !flex-col">
|
||||
<slot></slot>
|
||||
</ElButtonGroup>
|
||||
</template>
|
||||
|
||||
<style scoped lang="scss">
|
||||
.el-button-group {
|
||||
display: inline-flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.el-button-group > :deep(.el-button:first-child) {
|
||||
border-bottom-color: var(--el-button-divide-border-color);
|
||||
border-top-right-radius: var(--el-border-radius-base);
|
||||
|
||||
Reference in New Issue
Block a user