From ffc354a319f70d6fb33ef13f2ebb10f322ebe2bd Mon Sep 17 00:00:00 2001 From: BTMuli Date: Mon, 24 Apr 2023 22:16:54 +0800 Subject: [PATCH] =?UTF-8?q?=F0=9F=92=84=20fix(sth):=20=E6=A0=B7=E5=BC=8F?= =?UTF-8?q?=E7=BE=8E=E5=8C=96?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/assets/index.css | 10 +++++++++- src/assets/themes/dark.css | 4 +++- src/assets/themes/default.css | 4 +++- src/components/t-calendar.vue | 5 +++-- 4 files changed, 18 insertions(+), 5 deletions(-) diff --git a/src/assets/index.css b/src/assets/index.css index 2b625a05..65f87cae 100644 --- a/src/assets/index.css +++ b/src/assets/index.css @@ -2,6 +2,14 @@ @import url("themes/default.css"); @import url("themes/dark.css"); +/** + * @description 隐藏应用最右边的滚动条 + * @since Alpha v0.1.4 + */ +html { + overflow-y: hidden; +} + /* * @description 侧边滚动条样式 * @since Alpha v0.1.3 @@ -13,7 +21,7 @@ } ::-webkit-scrollbar-track { - background: #f1f1f1; + background: var(--scroll-bg); border-radius: 10px; } diff --git a/src/assets/themes/dark.css b/src/assets/themes/dark.css index 453207ff..38d4d7aa 100644 --- a/src/assets/themes/dark.css +++ b/src/assets/themes/dark.css @@ -2,7 +2,7 @@ * @file assets themes light.css * @description 主题样式文件 * @author BTMuli - * @since Alpha v0.1.3 + * @since Alpha v0.1.4 */ /* 主题色 */ @@ -10,6 +10,8 @@ html.dark { --sidebar-bg: #1e1e1e; --sidebar-icon: #e1e1e1; --page-bg:#2a2a2a; + --scroll-bg: #393b40; + --calendar-btn-bg: #1e1e1e; --back-top-shadow: #000000; --theme-switch-icon: #e1e1e1; --post-default-text: #faf7e8; diff --git a/src/assets/themes/default.css b/src/assets/themes/default.css index 9d409562..a3b6e340 100644 --- a/src/assets/themes/default.css +++ b/src/assets/themes/default.css @@ -2,7 +2,7 @@ * @file assets themes dark.css * @description 主题样式文件 * @author BTMuli - * @since Alpha v0.1.3 + * @since Alpha v0.1.4 */ /* 主题色 */ @@ -10,6 +10,8 @@ html.default { --sidebar-bg: #485466; --sidebar-icon: #ece5d8; --page-bg:#ece5d8; + --scroll-bg: #f1f1f1; + --calendar-btn-bg: #393b40; --back-top-shadow: #546d8b; --theme-switch-icon: #393b40; --post-default-text: #1e1e1e; diff --git a/src/components/t-calendar.vue b/src/components/t-calendar.vue index 6c42a6ee..05fee677 100644 --- a/src/components/t-calendar.vue +++ b/src/components/t-calendar.vue @@ -12,8 +12,9 @@ class="calendar-btn" :style="{ border: text.week === weekNow ? '2px solid var(--btn-bg-1)' : '0', - background: text.week === btnNow ? 'var(--btn-bg-1)' : 'var(--btn-bg-2)', - color: '#faf7e8' + background: text.week === btnNow ? 'var(--btn-bg-1)' : 'var(--calendar-btn-bg)', + color: '#faf7e8', + marginBottom: '1px' }" @click="getContents(text.week)" >