💄 样式适配

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;

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;

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;

src/components/app/t-switchTheme.vue

@@ -43,6 +43,7 @@ onUnmounted(() => {
 
 .switch-box {
   position: fixed;
+  z-index: 1;
   top: 16px;
   left: 16px;
   display: flex;

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;

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;

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;
 }