jiazhizhong/OpenIsle
1
0
Fork 0
mirror of https://github.com/nagisa77/OpenIsle.git synced 2026-02-23 14:40:49 +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
backend/src/main/java/com/openisle/config/SecurityConfig.java
View File

@@ -77,8 +77,8 @@ public class SecurityConfig {
"http://127.0.0.1",
"http://localhost:8080",
"http://localhost",
"http://30.211.97.254:8080",
"http://30.211.97.254",
"http://30.211.98.193:8080",
"http://30.211.98.193",
"http://192.168.7.70",
"http://192.168.7.70:8080",
websiteUrl,

2
frontend/public/manifest.json
View File

@@ -2,7 +2,7 @@
"name": "OpenIsle",
"short_name": "OpenIsle",
"start_url": "/",
"display": "standalone",
"display": "fullscreen",
"icons": [
{
"src": "/icon-192.png",

4
frontend/src/App.vue
View File

@@ -68,9 +68,13 @@ export default {
.menu-container {}
.content {
/* height: calc(100vh - var(--header-height)); */
padding-top: var(--header-height);
flex: 1;
max-width: 100%;
transition: max-width 0.3s ease;
background-color: var(--background-color);
min-height: calc(100vh - var(--header-height));
}
.content.menu-open {

9
frontend/src/assets/global.css
View File

@@ -8,7 +8,8 @@
--header-text-color: black;
--menu-background-color: white;
--background-color: white;
--background-color-blur: rgba(255, 255, 255, 0.57);
/* --background-color-blur: rgba(255, 255, 255, 0.57); */
--background-color-blur: var(--background-color);
--menu-border-color: lightgray;
--normal-border-color: lightgray;
--menu-selected-background-color: rgba(208, 250, 255, 0.659);
@@ -34,7 +35,8 @@
--header-text-color: white;
--menu-background-color: #333;
--background-color: #333;
--background-color-blur: #333333a4;
/* --background-color-blur: #333333a4; */
--background-color-blur: var(--background-color);
--menu-border-color: #555;
--normal-border-color: #555;
--menu-selected-background-color: rgba(255, 255, 255, 0.1);
@@ -54,10 +56,9 @@ body {
font-family: 'Roboto', sans-serif;
background-color: var(--normal-background-color);
color: var(--text-color);
overflow: hidden; /* 禁止滚动 */
/* overflow: hidden; 禁止滚动 */
}
/*************************
* Vditor 自定义皮肤覆写
*************************/

2
frontend/src/components/CallbackPage.vue
View File

@@ -18,8 +18,6 @@ export default {
<style scoped>
.callback-page {
background-color: var(--background-color);
height: calc(100vh - var(--header-height));
padding-top: var(--header-height);
display: flex;
flex-direction: column;
align-items: center;

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

@@ -268,6 +268,8 @@ export default {
<style scoped>
.menu {
position: sticky;
top: 0;
width: 200px;
background-color: var(--menu-background-color);
height: calc(100vh - 20px - var(--header-height));
@@ -418,7 +420,6 @@ export default {
top: calc(var(--header-height) + 10px);
padding-top: 10px;
background-color: var(--background-color-blur);
backdrop-filter: blur(10px);
}
.slide-enter-active,

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>