usbharu
/
misskey
mirror of https://github.com/misskey-dev/misskey.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

🎨

This commit is contained in:
syuilo 2025-03-18 22:21:28 +09:00
parent 05391f59a5
commit 62bf0d53d3
4 changed files with 10 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
packages/frontend/src/components/MkPageWindow.vue
View File

@ -23,7 +23,6 @@ SPDX-License-Identifier: AGPL-3.0-only
</template> </template>
<div :class="$style.root"> <div :class="$style.root">
<StackingRouterView :key="reloadCount" :router="windowRouter"/>
<StackingRouterView v-if="prefer.s['experimental.stackingRouterView']" :key="reloadCount" :router="windowRouter"/> <StackingRouterView v-if="prefer.s['experimental.stackingRouterView']" :key="reloadCount" :router="windowRouter"/>
<RouterView v-else :key="reloadCount" :router="windowRouter"/> <RouterView v-else :key="reloadCount" :router="windowRouter"/>
</div> </div>

9
packages/frontend/src/components/global/StackingRouterView.vue
View File

@ -17,7 +17,8 @@ SPDX-License-Identifier: AGPL-3.0-only
<div v-if="i > 0" :class="$style.tabBg" @click="back()"></div> <div v-if="i > 0" :class="$style.tabBg" @click="back()"></div>
<div :class="$style.tabFg" @click.stop="back()"> <div :class="$style.tabFg" @click.stop="back()">
<div v-if="i > 0" :class="$style.tabMenu"> <div v-if="i > 0" :class="$style.tabMenu">
<button :class="$style.tabMenuButton" class="_button" @click.stop="mount"><i class="ti ti-arrows-maximize"/></button> <button :class="$style.tabMenuButton" class="_button" @click.stop="mount"><i class="ti ti-rectangle"></i></button>
<button :class="$style.tabMenuButton" class="_button" @click.stop="back"><i class="ti ti-x"></i></button>
</div> </div>
<div :class="$style.tabContent" class="_pageContainer" @click.stop=""> <div :class="$style.tabContent" class="_pageContainer" @click.stop="">
<Suspense :timeout="0"> <Suspense :timeout="0">
@ -164,6 +165,8 @@ onBeforeUnmount(() => {
} }
.tab { .tab {
overflow: clip;
&:first-child { &:first-child {
position: relative; position: relative;
width: 100%; width: 100%;
@ -221,10 +224,12 @@ onBeforeUnmount(() => {
.tabMenu { .tabMenu {
margin-left: auto; margin-left: auto;
padding: 0 4px;
background: var(--MI_THEME-bg); background: var(--MI_THEME-bg);
} }
.tabMenuButton { .tabMenuButton {
padding: 10px; padding: 8px;
font-size: 13px;
} }
</style> </style>

2
packages/frontend/src/pages/settings/index.vue
View File

@ -4,7 +4,7 @@ SPDX-License-Identifier: AGPL-3.0-only
--> -->
<template> <template>
<MkStickyContainer> <MkStickyContainer class="_pageScrollable">
<template #header><MkPageHeader :actions="headerActions" :tabs="headerTabs"/></template> <template #header><MkPageHeader :actions="headerActions" :tabs="headerTabs"/></template>
<MkSpacer :contentMax="900" :marginMin="20" :marginMax="32"> <MkSpacer :contentMax="900" :marginMin="20" :marginMax="32">
<div ref="el" class="vvcocwet" :class="{ wide: !narrow }"> <div ref="el" class="vvcocwet" :class="{ wide: !narrow }">

4
packages/frontend/src/style.scss
View File

@ -177,8 +177,8 @@ rt {
overscroll-behavior: contain; overscroll-behavior: contain;
} }
._page { ._pageScrollable {
height: 100cqh; height: 100%;
overflow: auto; overflow: auto;
overflow-y: scroll; overflow-y: scroll;
overscroll-behavior: contain; overscroll-behavior: contain;