From 10fe60d42c3bc2e8ee23c7f7177f440ab00d5f79 Mon Sep 17 00:00:00 2001 From: xygodcyx <1323943635@qq.com> Date: Mon, 27 May 2024 00:48:46 +0800 Subject: [PATCH] =?UTF-8?q?=E6=B5=85=E8=89=B2,=E5=AE=8C=E5=B7=A5!?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- web/css/leftNav.css | 12 ++++++------ web/css/mainContent.css | 11 +++-------- 2 files changed, 9 insertions(+), 14 deletions(-) diff --git a/web/css/leftNav.css b/web/css/leftNav.css index cca704fa..e4e9a0d9 100644 --- a/web/css/leftNav.css +++ b/web/css/leftNav.css @@ -1,5 +1,5 @@ .home { - --leftNavWidth: 260px; + --leftNavWidth: 320px; --lineWidth: 100%; } @@ -30,7 +30,6 @@ .home .leftNav.show { - width: var(--leftNavWidth); max-width: var(--leftNavWidth); /* transition-delay: 0.2s; */ @@ -224,10 +223,6 @@ margin-bottom: 0px; } -.home .leftNav .bottom { - /* height: 300px; */ - /* margin-bottom: 40px; */ -} .home .leftNav.show .bottom { /* display: block; */ @@ -246,6 +241,10 @@ opacity: 1; } +.home .leftNav .bottom .about .navItem { + padding-left: 12px; +} + .home .leftNav .bottom .about .navItem:hover a { color: #fff; transition-delay: 0s; @@ -274,6 +273,7 @@ /* padding-left: 12px; */ } + .home .leftNav .bottom .about .navItem .icon { color: #b1b1b1; opacity: 0; diff --git a/web/css/mainContent.css b/web/css/mainContent.css index 320c53d4..bebf1d18 100644 --- a/web/css/mainContent.css +++ b/web/css/mainContent.css @@ -111,7 +111,7 @@ --iconItemHeight: 100px; width: var(--iconItemWidth); height: var(--iconItemHeight); - margin: 20px; + margin: 40px; cursor: pointer; transition: 0.3s; -webkit-transition: 0.3s; @@ -152,7 +152,7 @@ padding-top: 20px; display: grid; cursor: pointer; - background-color: #7a7979; + background-color: #fff; grid-template-columns: repeat(2, 1fr); grid-template-rows: repeat(2, 1fr); gap: 10px; @@ -161,15 +161,10 @@ -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; - transition: 0.6s; - -webkit-transition: 0.6s; - -moz-transition: 0.6s; - -ms-transition: 0.6s; - -o-transition: 0.6s; } .home .mainContent .content .iconWrap .iconWrapContent:hover { - background-color: #c7c7c7; + background-color: #fff; } .home .mainContent .content .iconWrap .iconWrapContent .bigIcon {