|
|
@@ -3,7 +3,7 @@
|
|
|
<el-collapse class="coll-left mt-2">
|
|
|
<el-collapse-item v-for="item in props.data" :key="item.id" :name="item.id">
|
|
|
<template #title>
|
|
|
- <div class="flex items-center justify-between coll-left-title">
|
|
|
+ <div class="collapse-title flex items-center justify-between coll-left-title">
|
|
|
<div>{{ item.title }}</div>
|
|
|
<div class="action-buttons">
|
|
|
<el-button size="text" type="primary" @click.stop="handleEdit(item)" class="edit-btn">{{props.updateText}}</el-button>
|
|
|
@@ -44,6 +44,14 @@ const handleEdit = (item) => {
|
|
|
};
|
|
|
</script>
|
|
|
<style lang="scss">
|
|
|
+.collapse-title {
|
|
|
+ width: 100%;
|
|
|
+ padding-right: 10px;
|
|
|
+}
|
|
|
+
|
|
|
+.coll-left {
|
|
|
+ position: relative;
|
|
|
+}
|
|
|
.coll-left {
|
|
|
button {
|
|
|
background-color: #f4f5fa !important;
|
