From 134d7f4db0bc278b035efb0b76ee6cff6d3fd0f7 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E7=99=BD=E5=87=A4=E5=90=89?= Date: Tue, 1 Jul 2025 10:08:04 +0800 Subject: [PATCH] =?UTF-8?q?fix:=E7=94=A8=E6=88=B7=E5=88=97=E8=A1=A8?= =?UTF-8?q?=E9=A1=B5=E6=8C=89=E9=92=AE=E7=BB=9F=E4=B8=80=E6=A0=B7=E5=BC=8F?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/components/formula/FormulaTable.vue | 16 ------------- src/components/setting/User.vue | 40 ++++++++++++++++++++++++++++----- 2 files changed, 34 insertions(+), 22 deletions(-) diff --git a/src/components/formula/FormulaTable.vue b/src/components/formula/FormulaTable.vue index e96d238..449c8f1 100644 --- a/src/components/formula/FormulaTable.vue +++ b/src/components/formula/FormulaTable.vue @@ -130,22 +130,6 @@ const deleteRecipe = (item: Formula.FormulaItem) => { width: 30vw; } -.add-recipe-button { - background-color: #e6f7ff; - color: #1890ff; - border: none; - padding: 6px 12px; - border-radius: 3px; - cursor: pointer; - margin-bottom: 10px; - transition: all 0.3s; -} - -.add-recipe-button:hover { - background-color: #1890ff; - color: white; -} - .recipe-list { list-style: none; padding: 0; diff --git a/src/components/setting/User.vue b/src/components/setting/User.vue index 1715a1d..9e2555f 100644 --- a/src/components/setting/User.vue +++ b/src/components/setting/User.vue @@ -99,12 +99,12 @@ const handleSelectionChange = (users: User.UserItem[]) => { @@ -135,7 +135,35 @@ const handleSelectionChange = (users: User.UserItem[]) => { } .user-opera{ display: flex; - gap: 10px; - justify-content: center; + align-items: center; +} +.view-button, .delete-button { + border: none; + padding: 4px 8px; + border-radius: 3px; + cursor: pointer; + margin-right: 5px; + transition: all 0.3s; + font-family: serif; +} + +.view-button { + background-color: #e6f0ff; + color: #1890ff; +} + +.view-button:hover { + background-color: #1890ff; + color: white; +} + +.delete-button { + background-color: #ffe6e6; + color: #ff4d4f; +} + +.delete-button:hover { + background-color: #ff4d4f; + color: white; }