jiazhizhong/OpenIsle
1
0
Fork 0
mirror of https://github.com/nagisa77/OpenIsle.git synced 2026-02-06 23:21:16 +08:00
Code Issues Packages Projects Releases Wiki Activity

feat: MENU UI 优化

Browse Source
This commit is contained in:
tim
2025-08-29 14:41:29 +08:00
parent fd6fc11630
commit 6fd663d983
2 changed files with 19 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
frontend_nuxt/assets/global.css
View File

@@ -19,7 +19,7 @@
--menu-border-color: lightgray;
--normal-border-color: lightgray;
--menu-selected-background-color: rgba(242, 242, 242, 0.884);
--menu-text-color: black;
--menu-text-color: rgb(99, 99, 99);
--scroller-background-color: rgba(130, 175, 180, 0.5);
/* --normal-background-color: rgb(241, 241, 241); */
--normal-background-color: white;

25
frontend_nuxt/components/MenuComponent.vue
View File

@@ -279,12 +279,20 @@ const gotoTag = (t) => {
padding: 10px 10px 0 10px;
}
.menu-item-container {
border-bottom: 1px solid var(--menu-border-color);
}
.menu-item:last-child {
margin-bottom: 5px;
}
/* .menu-item-container { */
/**/
/* } */
.menu-item {
padding: 4px 10px;
padding: 6px 12px;
text-decoration: none;
color: var(--menu-text-color);
border-radius: 10px;
@@ -298,7 +306,7 @@ const gotoTag = (t) => {
}
.menu-item-text {
font-size: 16px;
font-size: 14px;
text-decoration: none;
color: var(--menu-text-color);
}
@@ -352,16 +360,17 @@ const gotoTag = (t) => {
}
.menu-section {
margin-top: 10px;
border-bottom: 1px solid var(--menu-border-color);
padding-bottom: 5px;
}
.section-header {
display: flex;
align-items: center;
justify-content: space-between;
font-weight: bold;
opacity: 0.5;
padding: 4px 10px;
font-size: 14px;
padding: 6px 12px 0 12px;
color: var(--menu-text-color);
cursor: pointer;
}
@@ -373,7 +382,7 @@ const gotoTag = (t) => {
}
.section-item {
padding: 4px 10px;
padding: 6px 12px;
display: flex;
align-items: center;
gap: 5px;
@@ -393,6 +402,8 @@ const gotoTag = (t) => {
}
.section-item-text {
font-size: 14px;
text-decoration: none;
color: var(--menu-text-color);
}