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

feat: 设置为外层滚动

Browse Source
This commit is contained in:
Tim
2025-08-05 18:13:01 +08:00
parent 1edaa50732
commit 0957a5c132
21 changed files with 35 additions and 49 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
frontend/src/views/AboutPageView.vue
View File

@@ -75,8 +75,7 @@ export default {
max-width: var(--page-max-width);
background-color: var(--background-color);
margin: 0 auto;
height: calc(100vh - var(--header-height));
padding-top: var(--header-height);
height: 100%;
overflow-y: auto;
}
@@ -85,7 +84,6 @@ export default {
top: 1px;
z-index: 200;
background-color: var(--background-color-blur);
backdrop-filter: blur(10px);
display: flex;
flex-direction: row;
border-bottom: 1px solid var(--normal-border-color);

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

@@ -73,9 +73,8 @@ export default {
.activity-list-page {
background-color: var(--background-color);
padding: 20px;
height: calc(100vh - var(--header-height) - 40px);
height: calc(100% - 40px);
overflow-y: auto;
padding-top: calc(var(--header-height) + 20px);
}
.activity-list-page-card {

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

@@ -211,8 +211,7 @@ export default {
display: flex;
justify-content: center;
background-color: var(--background-color);
height: calc(100vh - var(--header-height));
padding-top: var(--header-height);
height: 100%;
padding-right: 20px;
padding-left: 20px;
overflow-y: auto;

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

@@ -131,8 +131,7 @@ export default {
justify-content: center;
align-items: center;
background-color: var(--background-color);
height: calc(100vh - var(--header-height));
padding-top: var(--header-height);
height: 100%;
}
.forgot-content {
display: flex;

9
frontend/src/views/HomePageView.vue
View File

@@ -397,13 +397,11 @@ export default {
<style scoped>
.home-page {
background-color: var(--background-color);
height: calc(100vh - var(--header-height));
padding-top: var(--header-height);
height: 100%;
display: flex;
flex-direction: column;
align-items: center;
overflow-y: auto;
/* enable container queries */
container-type: inline-size;
container-name: home-page;
}
@@ -455,7 +453,6 @@ export default {
top: 1px;
z-index: 10;
background-color: var(--background-color-blur);
backdrop-filter: blur(10px);
display: flex;
flex-direction: row;
align-items: center;
@@ -736,6 +733,10 @@ export default {
font-size: 10px;
opacity: 0.5;
}
.topic-container {
position: initial;
}
}
</style>

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

@@ -125,8 +125,7 @@ export default {
flex-direction: row;
align-items: center;
justify-content: center;
height: calc(100vh - var(--header-height));
padding-top: var(--header-height);
height: 100%;
width: 100%;
background-color: var(--background-color);
}

5
frontend/src/views/MessagePageView.vue
View File

@@ -626,11 +626,9 @@ export default {
height: 300px;
}
.message-page {
background-color: var(--background-color);
height: calc(100vh - var(--header-height));
padding-top: var(--header-height);
height: 100%;
overflow-y: auto;
}
@@ -639,7 +637,6 @@ export default {
top: 1px;
z-index: 200;
background-color: var(--background-color-blur);
backdrop-filter: blur(10px);
display: flex;
flex-direction: row;
justify-content: space-between;

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

@@ -261,8 +261,7 @@ export default {
display: flex;
justify-content: center;
background-color: var(--background-color);
height: calc(100vh - var(--header-height));
padding-top: var(--header-height);
height: 100%;
padding-right: 20px;
padding-left: 20px;
overflow-y: auto;

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

@@ -17,8 +17,7 @@ export default {
display: flex;
flex-direction: column;
align-items: center;
height: calc(100vh - var(--header-height));
padding-top: var(--header-height);
height: 100%;
text-align: center;
background-color: var(--background-color);
}

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

@@ -650,7 +650,7 @@ export default {
background-color: var(--background-color);
display: flex;
flex-direction: row;
height: 100vh;
height: 100%;
}
.loading-container {
@@ -665,13 +665,12 @@ export default {
overflow-y: auto;
scrollbar-width: none;
padding: 20px;
height: calc(100% - 40px - var(--header-height));
height: calc(100% - 40px);
width: calc(85% - 40px);
padding-top: calc(var(--header-height) + 20px);
padding-top: 20px;
}
.post-page-scroller-container {
padding-top: var(--header-height);
display: flex;
flex-direction: column;
width: 15%;
@@ -974,7 +973,6 @@ export default {
.post-page-main-container {
width: calc(100% - 20px);
padding: 10px;
padding-top: calc(var(--header-height) + 10px);
}
.article-title {

4
frontend/src/views/ProfileView.vue
View File

@@ -497,8 +497,7 @@ export default {
.profile-page {
background-color: var(--background-color);
height: calc(100vh - var(--header-height));
padding-top: var(--header-height);
height: 100%;
overflow-y: auto;
overflow-x: hidden;
}
@@ -643,7 +642,6 @@ export default {
top: 1px;
z-index: 200;
background-color: var(--background-color-blur);
backdrop-filter: blur(10px);
display: flex;
flex-direction: row;
padding: 0 20px;

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

@@ -239,8 +239,7 @@ export default {
.settings-page {
background-color: var(--background-color);
padding: 40px;
height: calc(100vh - var(--header-height) - 80px);
padding-top: calc(var(--header-height) + 40px);
height: calc(100% - 80px);
overflow-y: auto;
}

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

@@ -222,8 +222,7 @@ export default {
flex-direction: row;
align-items: center;
justify-content: center;
height: calc(100vh - var(--header-height));
padding-top: var(--header-height);
height: 100%;
width: 100%;
background-color: var(--background-color);
}

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

@@ -82,8 +82,7 @@ export default {
justify-content: center;
align-items: center;
background-color: var(--background-color);
height: calc(100vh - var(--header-height));
padding-top: var(--header-height);
height: 100%;
}
.reason-title {

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

@@ -48,7 +48,6 @@ onMounted(loadData)
max-width: var(--page-max-width);
background-color: var(--background-color);
margin: 0 auto;
height: calc(100vh - var(--header-height) - 40px);
padding-top: calc(var(--header-height) + 20px);
height: 100%;
}
</style>