jiazhizhong/OpenIsle
1
0
Fork 0
mirror of https://github.com/nagisa77/OpenIsle.git synced 2026-03-19 02:17:26 +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; --menu-border-color: lightgray;
--normal-border-color: lightgray; --normal-border-color: lightgray;
--menu-selected-background-color: rgba(242, 242, 242, 0.884); --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); --scroller-background-color: rgba(130, 175, 180, 0.5);
/* --normal-background-color: rgb(241, 241, 241); */ /* --normal-background-color: rgb(241, 241, 241); */
--normal-background-color: white; --normal-background-color: white;

25
frontend_nuxt/components/MenuComponent.vue
View File

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