From f58c5bede2bafb48fbe5842ddccaf6f92e243466 Mon Sep 17 00:00:00 2001 From: Julian Freeman Date: Sat, 14 Mar 2026 19:13:29 -0400 Subject: [PATCH] remove translate anim --- src/components/SoftwareCard.vue | 13 ++++++------- src/views/Essentials.vue | 1 - src/views/Updates.vue | 1 - 3 files changed, 6 insertions(+), 9 deletions(-) diff --git a/src/components/SoftwareCard.vue b/src/components/SoftwareCard.vue index 2ebdd86..76baaa1 100644 --- a/src/components/SoftwareCard.vue +++ b/src/components/SoftwareCard.vue @@ -126,24 +126,23 @@ const handleCardClick = () => { border-radius: 20px; padding: 16px 24px; box-shadow: var(--card-shadow); - transition: all 0.2s ease; + transition: border-color 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease; display: flex; align-items: center; justify-content: space-between; - border: 1px solid rgba(0, 0, 0, 0.02); + border: 1px solid transparent; margin-bottom: 12px; cursor: default; } .software-card:not(.installed-mode):hover { - transform: scale(1.005); - box-shadow: 0 8px 20px rgba(0, 0, 0, 0.06); - border-color: rgba(0, 122, 255, 0.1); + border-color: rgba(0, 122, 255, 0.3); + box-shadow: 0 8px 24px rgba(0, 0, 0, 0.06); } .software-card.is-selected { background-color: rgba(0, 122, 255, 0.02); - border-color: rgba(0, 122, 255, 0.2); + border-color: rgba(0, 122, 255, 0.4); } /* 勾选框样式 */ @@ -284,7 +283,7 @@ const handleCardClick = () => { font-weight: 600; font-size: 13px; cursor: pointer; - transition: all 0.2s ease; + transition: background-color 0.2s ease, color 0.2s ease; } .install-btn { diff --git a/src/views/Essentials.vue b/src/views/Essentials.vue index 121cbfa..85ec484 100644 --- a/src/views/Essentials.vue +++ b/src/views/Essentials.vue @@ -182,7 +182,6 @@ onMounted(() => { .primary-btn:hover { background-color: var(--primary-hover); - transform: translateY(-1px); } .secondary-btn { diff --git a/src/views/Updates.vue b/src/views/Updates.vue index 32e427c..b426a1a 100644 --- a/src/views/Updates.vue +++ b/src/views/Updates.vue @@ -183,7 +183,6 @@ onMounted(() => { .primary-btn:hover { background-color: var(--primary-hover); - transform: translateY(-1px); } .secondary-btn {