From 347ca79555b4afdf8d5687bd79ccb04e14cb03e2 Mon Sep 17 00:00:00 2001 From: songshankun <songshankun@foxmail.com> Date: 星期四, 09 十一月 2023 15:48:49 +0800 Subject: [PATCH] feat: 按钮样式调整 --- src/views/dashboard/components/BigButton.vue | 12 ++++++------ src/views/dashboard/components/TaskControlModal.vue | 8 +++++++- 2 files changed, 13 insertions(+), 7 deletions(-) diff --git a/src/views/dashboard/components/BigButton.vue b/src/views/dashboard/components/BigButton.vue index 61834e4..3dbdbfb 100644 --- a/src/views/dashboard/components/BigButton.vue +++ b/src/views/dashboard/components/BigButton.vue @@ -23,20 +23,20 @@ </script> <style scoped lang="scss"> .big-button { - width: 180px; + min-width: 100px; background-color: #4efefa; color: #fff; - height: 60px; + height: 50px; text-align: center; - line-height: 60px; - font-size: 26px; + line-height: 50px; + font-size: 18px; font-weight: 700; - border-radius: 8px; + border-radius: 6px; cursor: pointer; user-select: none; outline: none; margin: 0; - padding: 0; + padding: 0 26px; border: none; } .user-style { diff --git a/src/views/dashboard/components/TaskControlModal.vue b/src/views/dashboard/components/TaskControlModal.vue index e984ea7..a56b417 100644 --- a/src/views/dashboard/components/TaskControlModal.vue +++ b/src/views/dashboard/components/TaskControlModal.vue @@ -448,7 +448,13 @@ .btn { display: flex; align-items: center; - justify-content: space-around; + justify-content: center; + & > button { + margin-right: 20px; + &:last-child { + margin-right: 0; + } + } } .content-title { display: flex; -- Gitblit v1.8.0