From 43de734884401073c69c29859f48794b4b31da69 Mon Sep 17 00:00:00 2001
From: BTMuli <bt-muli@outlook.com>
Date: Fri, 27 Feb 2026 23:41:55 +0800
Subject: [PATCH] =?UTF-8?q?=F0=9F=92=84=20=E6=A0=B7=E5=BC=8F=E9=80=82?=
 =?UTF-8?q?=E9=85=8D?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/app/t-pinWin.vue            | 1 +
 src/components/app/t-postWidth.vue         | 1 +
 src/components/app/t-shareBtn.vue          | 1 +
 src/components/app/t-switchTheme.vue       | 1 +
 src/components/viewPost/vp-btn-collect.vue | 1 +
 src/components/viewPost/vp-btn-reply.vue   | 1 +
 src/views/t-post.vue                       | 3 +++
 7 files changed, 9 insertions(+)

diff --git a/src/components/app/t-pinWin.vue b/src/components/app/t-pinWin.vue
index b369cacd..fbea919d 100644
--- a/src/components/app/t-pinWin.vue
+++ b/src/components/app/t-pinWin.vue
@@ -34,6 +34,7 @@ async function switchPin(): Promise<void> {
   @include github-styles.github-card;
 
   position: fixed;
+  z-index: 1;
   top: 64px;
   left: 16px;
   display: flex;
diff --git a/src/components/app/t-postWidth.vue b/src/components/app/t-postWidth.vue
index 9f92e8ca..df244af8 100644
--- a/src/components/app/t-postWidth.vue
+++ b/src/components/app/t-postWidth.vue
@@ -31,6 +31,7 @@ function switchPostWidth(): void {
   @include github-styles.github-card;
 
   position: fixed;
+  z-index: 1;
   top: 112px;
   left: 16px;
   display: flex;
diff --git a/src/components/app/t-shareBtn.vue b/src/components/app/t-shareBtn.vue
index 4f013389..f90e837d 100644
--- a/src/components/app/t-shareBtn.vue
+++ b/src/components/app/t-shareBtn.vue
@@ -41,6 +41,7 @@ async function shareContent(): Promise<void> {
 
 .share-box {
   position: fixed;
+  z-index: 1;
   top: 16px;
   right: 16px;
   display: flex;
diff --git a/src/components/app/t-switchTheme.vue b/src/components/app/t-switchTheme.vue
index c247be6e..0631220c 100644
--- a/src/components/app/t-switchTheme.vue
+++ b/src/components/app/t-switchTheme.vue
@@ -43,6 +43,7 @@ onUnmounted(() => {
 
 .switch-box {
   position: fixed;
+  z-index: 1;
   top: 16px;
   left: 16px;
   display: flex;
diff --git a/src/components/viewPost/vp-btn-collect.vue b/src/components/viewPost/vp-btn-collect.vue
index 7764ac7a..611303b8 100644
--- a/src/components/viewPost/vp-btn-collect.vue
+++ b/src/components/viewPost/vp-btn-collect.vue
@@ -87,6 +87,7 @@ async function switchCollect(): Promise<void> {
   @include github-styles.github-card;
 
   position: fixed;
+  z-index: 1;
   top: 64px;
   right: 16px;
   display: flex;
diff --git a/src/components/viewPost/vp-btn-reply.vue b/src/components/viewPost/vp-btn-reply.vue
index 9376f1d1..f270fb40 100644
--- a/src/components/viewPost/vp-btn-reply.vue
+++ b/src/components/viewPost/vp-btn-reply.vue
@@ -211,6 +211,7 @@ async function handleDebug(): Promise<void> {
 <style lang="scss" scoped>
 .tpr-main-box {
   position: fixed;
+  z-index: 1;
   bottom: 16px;
   left: 16px;
   display: flex;
diff --git a/src/views/t-post.vue b/src/views/t-post.vue
index 5b31cd30..cbfe89b3 100644
--- a/src/views/t-post.vue
+++ b/src/views/t-post.vue
@@ -489,8 +489,11 @@ function handleUser(user: TGApp.BBS.Post.User): void {
 @use "@styles/github.styles.scss" as github-styles;
 
 .tp-post-body {
+  position: relative;
   width: v-bind(viewWidth); /* stylelint-disable-line value-keyword-case */
   margin: 0 auto;
+
+  // max-width: calc(100% - 100px);
   font-family: var(--font-text);
   transition: width 0.3s ease-in-out;
 }