jiazhizhong/OpenIsle
1
0
Fork 0
mirror of https://github.com/nagisa77/OpenIsle.git synced 2026-03-05 03:20:45 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix: 页面使用最外层滚动

Browse Source
This commit is contained in:
Tim
2025-08-05 18:35:51 +08:00
parent 7292834700
commit 05e28123ed
3 changed files with 3 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
frontend/src/App.vue
View File

@@ -58,10 +58,8 @@ export default {
<style> <style>
.header-container { .header-container {
position: fixed; position: sticky;
top: 0; top: 0;
left: 0;
right: 0;
z-index: 1000; z-index: 1000;
} }
@@ -69,7 +67,7 @@ export default {
.content { .content {
/* height: calc(100vh - var(--header-height)); */ /* height: calc(100vh - var(--header-height)); */
padding-top: var(--header-height); /* padding-top: var(--header-height); */
flex: 1; flex: 1;
max-width: 100%; max-width: 100%;
transition: max-width 0.3s ease; transition: max-width 0.3s ease;

3
frontend/src/components/MenuComponent.vue
View File

@@ -269,7 +269,7 @@ export default {
<style scoped> <style scoped>
.menu { .menu {
position: sticky; position: sticky;
top: 0; top: var(--header-height);
width: 200px; width: 200px;
background-color: var(--menu-background-color); background-color: var(--menu-background-color);
height: calc(100vh - 20px - var(--header-height)); height: calc(100vh - 20px - var(--header-height));
@@ -279,7 +279,6 @@ export default {
padding: 10px; padding: 10px;
overflow-y: auto; overflow-y: auto;
scrollbar-width: none; scrollbar-width: none;
padding-top: calc(var(--header-height) + 10px);
} }
.menu-item-container { .menu-item-container {

3
frontend/src/views/PostPageView.vue
View File

@@ -662,12 +662,9 @@ export default {
} }
.post-page-main-container { .post-page-main-container {
overflow-y: auto;
scrollbar-width: none; scrollbar-width: none;
padding: 20px; padding: 20px;
height: calc(100% - 40px);
width: calc(85% - 40px); width: calc(85% - 40px);
padding-top: 20px;
} }
.post-page-scroller-container { .post-page-scroller-container {