From c9d2e5f1d6a044b078880fecbec46b133f333779 Mon Sep 17 00:00:00 2001 From: sli <770383385@qq.com> Date: Sat, 29 Oct 2022 21:21:18 +0800 Subject: [PATCH] Fix(release): Repair the style of the todoList. - Adjust the size of the input box - Adjust the delete button position to avoid blocking content Closes #166 --- src/views/dashboard/admin/components/TodoList/index.vue | 7 +++---- 1 file changed, 3 insertions(+), 4 deletions(-) diff --git a/src/views/dashboard/admin/components/TodoList/index.vue b/src/views/dashboard/admin/components/TodoList/index.vue index 6a67f4d7b..7a107090a 100644 --- a/src/views/dashboard/admin/components/TodoList/index.vue +++ b/src/views/dashboard/admin/components/TodoList/index.vue @@ -318,9 +318,8 @@ export default class extends Vue { .todo-list li.editing .edit { display: block; - width: 506px; padding: 12px 16px; - margin: 0 0 0 43px; + margin: 0; } .todo-list li.editing .view { @@ -364,7 +363,7 @@ export default class extends Vue { .todo-list li label { word-break: break-all; - padding: 15px 15px 15px 50px; + padding: 15px 25px 15px 50px; display: block; line-height: 1.0; font-size: 14px; @@ -380,7 +379,7 @@ export default class extends Vue { display: none; position: absolute; top: 0; - right: 10px; + right: 0; bottom: 0; width: 40px; height: 40px;