tien_nemo

icon delete

...@@ -76,16 +76,11 @@ select { ...@@ -76,16 +76,11 @@ select {
76 .delete-btn { 76 .delete-btn {
77 position: absolute; 77 position: absolute;
78 top: 50%; 78 top: 50%;
79 - right: -40px; 79 + right: -35px;
80 transform: translateY(-50%); 80 transform: translateY(-50%);
81 - color: #ff4d4d;
82 - border: none;
83 - border-radius: 50%;
84 cursor: pointer; 81 cursor: pointer;
85 - font-size: 20px;
86 padding: 3px 6px; 82 padding: 3px 6px;
87 z-index: 20; 83 z-index: 20;
88 - background: white;
89 } 84 }
90 85
91 86
......
...@@ -64,11 +64,11 @@ ...@@ -64,11 +64,11 @@
64 @mousedown="startResize($event, index, 'bottom-right')"> 64 @mousedown="startResize($event, index, 'bottom-right')">
65 </div> 65 </div>
66 66
67 - <button v-if="item.isManual && item.showDelete" 67 + <div v-if="item.isManual && item.showDelete"
68 class="delete-btn" 68 class="delete-btn"
69 @click.stop="deleteBox(index)"> 69 @click.stop="deleteBox(index)">
70 - <i class="fa-solid fa-delete-left"></i> 70 + <img src="{{ asset('icon/btn-delete.png') }}" alt="delete box" style="width: 20px; height: 20px;">
71 - </button> 71 + </div>
72 </div> 72 </div>
73 73
74 74
......