diff options
| author | syuilo <4439005+syuilo@users.noreply.github.com> | 2025-03-18 22:21:28 +0900 |
|---|---|---|
| committer | syuilo <4439005+syuilo@users.noreply.github.com> | 2025-03-18 22:21:28 +0900 |
| commit | 62bf0d53d35f1e2a9b2740b88617334f2eadd219 (patch) | |
| tree | a7c394b1cac44b7c2c435d1ff358ca024add80da /packages/frontend/src/components | |
| parent | enhance(frontend): improve StackingRouterView (diff) | |
| download | misskey-62bf0d53d35f1e2a9b2740b88617334f2eadd219.tar.gz misskey-62bf0d53d35f1e2a9b2740b88617334f2eadd219.tar.bz2 misskey-62bf0d53d35f1e2a9b2740b88617334f2eadd219.zip | |
🎨
Diffstat (limited to 'packages/frontend/src/components')
| -rw-r--r-- | packages/frontend/src/components/MkPageWindow.vue | 1 | ||||
| -rw-r--r-- | packages/frontend/src/components/global/StackingRouterView.vue | 9 |
2 files changed, 7 insertions, 3 deletions
diff --git a/packages/frontend/src/components/MkPageWindow.vue b/packages/frontend/src/components/MkPageWindow.vue index eae2ccec4a..8a1a9c58d2 100644 --- a/packages/frontend/src/components/MkPageWindow.vue +++ b/packages/frontend/src/components/MkPageWindow.vue @@ -23,7 +23,6 @@ SPDX-License-Identifier: AGPL-3.0-only </template> <div :class="$style.root"> - <StackingRouterView :key="reloadCount" :router="windowRouter"/> <StackingRouterView v-if="prefer.s['experimental.stackingRouterView']" :key="reloadCount" :router="windowRouter"/> <RouterView v-else :key="reloadCount" :router="windowRouter"/> </div> diff --git a/packages/frontend/src/components/global/StackingRouterView.vue b/packages/frontend/src/components/global/StackingRouterView.vue index 71a91d4887..8a4afe7360 100644 --- a/packages/frontend/src/components/global/StackingRouterView.vue +++ b/packages/frontend/src/components/global/StackingRouterView.vue @@ -17,7 +17,8 @@ SPDX-License-Identifier: AGPL-3.0-only <div v-if="i > 0" :class="$style.tabBg" @click="back()"></div> <div :class="$style.tabFg" @click.stop="back()"> <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 :class="$style.tabContent" class="_pageContainer" @click.stop=""> <Suspense :timeout="0"> @@ -164,6 +165,8 @@ onBeforeUnmount(() => { } .tab { + overflow: clip; + &:first-child { position: relative; width: 100%; @@ -221,10 +224,12 @@ onBeforeUnmount(() => { .tabMenu { margin-left: auto; + padding: 0 4px; background: var(--MI_THEME-bg); } .tabMenuButton { - padding: 10px; + padding: 8px; + font-size: 13px; } </style> |