From 125a1423db4d6590b88035041d0427cd845a2199 Mon Sep 17 00:00:00 2001 From: DUQIA <30207375+DUQIA@users.noreply.github.com> Date: Wed, 25 Sep 2024 19:28:55 +0800 Subject: [PATCH] revamp --- admin/css/style.css | 50 ++++++++++++++++++++++----------------------- css/style.css | 2 +- 2 files changed, 26 insertions(+), 26 deletions(-) diff --git a/admin/css/style.css b/admin/css/style.css index bad51a4..a8cf968 100644 --- a/admin/css/style.css +++ b/admin/css/style.css @@ -5,7 +5,7 @@ --text-color-light: #636363; --link-color: dodgerblue; --white-color: white; - --tr-color: #dddddd; + --tr-color: #ddd; --select-color: #1e90ff; } @@ -47,7 +47,7 @@ body { font-size: xx-large; align-items: stretch; -webkit-text-fill-color: transparent; - background: linear-gradient(94.75deg, rgb(250, 189, 137) 0%, rgb(242, 119, 110) 43.66%, rgb(168, 20, 113) 64.23%, rgb(29, 17, 121) 83.76%, rgb(8, 170, 236) 100%); + background: linear-gradient(94.75deg, rgb(250 189 137) 0%, rgb(242 119 110) 43.66%, rgb(168 20 113) 64.23%, rgb(29 17 121) 83.76%, rgb(8 170 236) 100%); background-clip: text; } @@ -65,7 +65,6 @@ body { /* 文本 */ .menu td a { - display: inline-block; /* 使链接成为行内块元素 */ padding: 8px 0; width: 100%; display: flex; @@ -73,17 +72,18 @@ body { border-radius: 5px; } -/* 图标 */ -.menu td a img { - padding: 0 10px 0 28px; -} - /* 链接样式 */ a { color: black; text-decoration: none; } +/* 图标 */ +.menu td a img { + padding: 0 10px 0 28px; +} + + /* 容器 */ .container { min-height: 100vh; @@ -109,11 +109,6 @@ a { } /* 页眉 */ -.header { - margin: 10px; - display: flex -} - .header a { float: left; padding: 10px 30px; @@ -121,6 +116,11 @@ a { margin-right: 2px; } +.header { + margin: 10px; + display: flex +} + /* 布局 */ .layout { display: flex; @@ -230,6 +230,13 @@ a { height: 100%; } +/* 悬停样式 */ +.menu td a:hover, .header a:hover { + cursor: pointer; + color: var(--link-color); + transition: color 0.3s ease; +} + /* 图片滤镜 */ .menu td:hover img { filter: invert(50%) sepia(100%) saturate(500%) hue-rotate(180deg); @@ -242,14 +249,12 @@ a { transition: font-weight 0.3s ease; } -/* 悬停样式 */ -.menu td a:hover, .header a:hover { - cursor: pointer; - color: var(--link-color); - transition: color 0.3s ease; -} - /* 菜单选中 */ + +a.selected img { + filter: invert(50%) sepia(100%) saturate(500%) hue-rotate(180deg); + transition: filter 0.3s ease; +} .selected { cursor: pointer; color: var(--link-color); @@ -257,11 +262,6 @@ a { transition: color 0.3s ease; } -a.selected img { - filter: invert(50%) sepia(100%) saturate(500%) hue-rotate(180deg); - transition: filter 0.3s ease; -} - /* 页眉切换 */ .select { cursor: pointer; diff --git a/css/style.css b/css/style.css index 6ac57da..e4b903e 100644 --- a/css/style.css +++ b/css/style.css @@ -1,5 +1,5 @@ :root { - --border-color: #cccccc; + --border-color: #ccc; --link-color: dodgerblue; --white-color: white; }