From c96a98112abe3ee6ae9cec04dd02d2f7ad524857 Mon Sep 17 00:00:00 2001 From: 63db3122f0950a2aef64df95 <63db3122f0950a2aef64df95@devide> Date: Sat, 1 Jul 2023 15:51:00 +0000 Subject: [PATCH] Sat Jul 1 15:51:00 UTC 2023 inscode --- src/assets/base.css | 2 ++ src/assets/main.css | 19 +++++++++++++------ 2 files changed, 15 insertions(+), 6 deletions(-) diff --git a/src/assets/base.css b/src/assets/base.css index 71dc55a..8e5bf0f 100644 --- a/src/assets/base.css +++ b/src/assets/base.css @@ -19,6 +19,8 @@ --vt-c-text-light-2: rgba(60, 60, 60, 0.66); --vt-c-text-dark-1: var(--vt-c-white); --vt-c-text-dark-2: rgba(235, 235, 235, 0.64); + + } /* semantic color variables for this project */ diff --git a/src/assets/main.css b/src/assets/main.css index 49acca8..7bbc7d6 100644 --- a/src/assets/main.css +++ b/src/assets/main.css @@ -5,6 +5,12 @@ padding: 0; } +html, +body, +#app { + height: 100%; +} + #app { margin: 0 auto; @@ -38,7 +44,7 @@ input { } .border-top { - border-top: 1px solid #ccc; + border-top: 1px solid var(--color-border); } .content-lattice { @@ -65,7 +71,7 @@ input { text-align: center; height: 1px; width: 100%; - background: #999; + background: var(--color-border); position: absolute; top: calc(50% - 1px); left: 0; @@ -76,7 +82,7 @@ input { content: ''; width: 1px; height: 100%; - background: #999; + background: var(--color-border); position: absolute; left: calc(50% - 1px); top: 0; @@ -90,7 +96,7 @@ input { height: 90%; top: calc((20px - 20px * 0.9) * 0.5); left: calc((20px - 20px * 0.9) * 0.5); - border: 1px solid #999; + border: 1px solid var(--color-border); } /* 竖线隐藏 */ @@ -102,16 +108,17 @@ input { .isWhite::after { background-color: white; + border: 1px solid var(--color-border); } .isBlack::after { background-color: black; - border: 1px solid black; + border: 1px solid var(--color-border); } .isWin::after { background-color: red; - border: 1px solid red; + border: 1px solid var(--color-border); } .space-nowrap { -- GitLab