ssr: BUG fix

src/views/Home/content/MainPageContent.vue

@@ -38,7 +38,7 @@ const mainPageWidth = computed(() => {
 
 .content-container {
   width: v-bind(mainPageWidth);
-  transition: all 0.2s;
+  transition: width 0.2s;
   height: 100%;
   margin: 0 auto;
   display: flex;

src/views/Home/content/article/components/TopicPart.vue

@@ -48,7 +48,6 @@ const getRepliesCount = computed(() => {
         <span>{{ title }}</span>
       </div>
 
-      <!-- Topic status, likes, etc. -->
       <div class="status">
         <ul>
           <li>
@@ -64,7 +63,6 @@ const getRepliesCount = computed(() => {
           </li>
         </ul>
 
-        <!-- Publication date of the topic -->
         <div class="time">
           <span>
             {{
@@ -78,7 +76,6 @@ const getRepliesCount = computed(() => {
       </div>
     </div>
 
-    <!-- Preview introduction of the topic -->
     <div class="introduction">
       <p>
         {{ plainText }}

src/views/topic/components/reply/ReplyPanel.vue

@@ -47,14 +47,13 @@ const handleClosePanel = async () => {
 </script>
 
 <template>
-  <Teleport to="body" :disabled="isEdit">
+  <Teleport to="#teleported" :disabled="isEdit">
     <Transition
       enter-active-class="animate__animated animate__fadeInUp animate__faster"
       leave-active-class="animate__animated animate__fadeOutDown animate__faster"
     >
       <div class="root" v-if="isEdit">
         <div class="container" :style="`width: ${panelWidth}`">
-          <!-- Reply panel - reply to whom -->
           <div class="title">
             <h3>
               <span>{{ $tm('topic.panel.to') + ' @' }}</span>
@@ -71,12 +70,10 @@ const handleClosePanel = async () => {
             />
           </div>
 
-          <!-- Reply editor -->
           <div class="content">
             <MilkdownEditor :is-show-menu="isShowAdvance" />
           </div>
 
-          <!-- Reply footer -->
           <div class="footer">
             <Tags
               style="margin-top: 10px; padding: 10px"