fix 修复评论主体内容宽度未占满一行的问题

JX3BOX · Jul 2, 2024 · a861408 · a861408
1 parent 3990249
commit a861408
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 4 deletions.
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
     "name": "@jx3box/jx3box-vue3-ui",
-    "version": "0.8.3",
+    "version": "0.8.4",
     "description": "JX3BOX Vue3 UI",
     "main": "index.js",
     "scripts": {

diff --git a/src/App.vue b/src/App.vue
@@ -14,7 +14,6 @@
                 <img svg-inline src="../assets/img/jx3.svg" />
             </template>
             <template #op-prepend>
-
                 <!-- <AdminDirectMessage :user-id="8" :sourceId="19382" sourceType="macro"></AdminDirectMessage> -->
             </template>
         </breadcrumb>
@@ -67,7 +66,7 @@
                 :postId="57260"
                 :allowGift="true"
             />
-            <Comment category="post" id="58345"></Comment>
+            <Comment category="post" id="80449"></Comment>
             <RightSidebar :show-toggle="true">
                 <PostTopic type="bps" :id="48857"></PostTopic>
                 <div id="directory"></div>

diff --git a/src/comment/CommentWithReply.vue b/src/comment/CommentWithReply.vue
@@ -9,7 +9,7 @@
                 :withFrame="true"
                 :avatarSize="48"
             />
-            <div>
+            <div class="u-flex-1">
                 <div class="c-comment-cmt__author">
                     <el-link class="u-name" type="primary" target="_blank" :href="userHref">{{
                         username || "人字榜800线无名小侠"
@@ -252,5 +252,8 @@ export default {
     display: flex;
     padding-top: 5px;
     background-size: cover;
+    .u-flex-1 {
+        flex: 1;
+    }
 }
 </style>