xinyin025/OpenIsle
1
0
Fork 0
mirror of https://github.com/nagisa77/OpenIsle.git synced 2026-08-16 08:10:59 +00:00
Code Issues Packages Projects Releases Wiki Activity

mobile: make menu layout

Browse Source
This commit is contained in:
Tim
2025-07-18 11:15:41 +08:00
parent 9e20993b93
commit 2374ccaea1
2 changed files with 10 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
open-isle-cli/src/components/MenuComponent.vue
+5 -1
View File
@@ -358,8 +358,12 @@ export default {
@media (max-width: 768px) { @media (max-width: 768px) {
.menu { .menu {
position: fixed; position: fixed;
width: calc(100% - 20px);
z-index: 1000; z-index: 1000;
box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
left: 10px;
border-radius: 20px;
border-right: none;
height: 400px;
} }
.slide-enter-active, .slide-enter-active,
open-isle-cli/src/views/HomePageView.vue
+5 -1
View File
@@ -384,12 +384,16 @@ export default {
} }
.topic-container { .topic-container {
position: sticky;
top: 0;
z-index: 100;
background-color: var(--background-color);
display: flex; display: flex;
flex-direction: row; flex-direction: row;
align-items: center; align-items: center;
gap: 10px; gap: 10px;
width: 100%; width: 100%;
padding: 20px 0; padding: 10px 0;
} }
.topic-item-container { .topic-item-container {