Showing
3 changed files
with
4 additions
and
9 deletions
| ... | @@ -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 | ... | ... |
public/icon/btn-delete.png
0 → 100644
25 KB
| ... | @@ -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 | ... | ... |
-
Please register or sign in to post a comment