@jx3box/jx3box-ui 2.0.35 → 2.0.37

package/assets/css/single/thx.less

@@ -24,7 +24,7 @@
     .flex;
     align-items: center;
     justify-content: center;
-    gap: 20px
+    gap: 20px;
 }
 .w-thx-copyright {
     .fz(12px,2);
@@ -40,9 +40,9 @@
 .w-boxcoin-block {
     .pointer;
 
-    &.disabled{
-        opacity:0.5;
-        cursor:not-allowed;
+    &.disabled {
+        opacity: 0.5;
+        cursor: not-allowed;
     }
 }
 .w-boxcoin-admin {
@@ -126,12 +126,13 @@
 }
 
 .w-boxcoin-records-list {
-
     --el-color-primary: @primary;
 
     max-width: 960px;
     border: 1px solid #eee;
     margin: 0 auto;
+    border-radius: 6px;
+    overflow: hidden;
 
     .u-list {
         list-style: none;
@@ -177,58 +178,59 @@
         .nobreak;
         .flex;
         align-items: center;
-        &:hover {
+        &[href]:hover {
             text-decoration: underline;
         }
         .mr(20px);
-    }
-    .u-default {
-        &:hover{
-            text-decoration: none;
+
+        &.u-default {
+            color: @color;
+            &:hover {
+                text-decoration: none;
+            }
+        }
+        .u-user-avatar {
+            .y;
+            .size(24px);
+            .mr(5px);
+            .r(2px);
         }
-    }
-    .u-user-avatar {
-        .y;
-        .size(24px);
-        .mr(5px);
-        .r(2px);
     }
     .u-count {
         .w(120px);
     }
     .u-head {
         background-color: @bg-light;
+        color: @v4text;
     }
     .u-body {
         .u-count {
-            color: #fe7e91;
+            color: #fd76a7;
             font-family: "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif;
         }
-    }
-    .u-remark {
-        .nobreak;
-        .w(280px);
-        color:@color;
-    }
-    .u-time {
-        color: #999;
-    }
-    .u-delete {
-        .ml(20px);
-        color: #c00;
-        i {
-            .mr(3px);
+        .u-time {
+            color: @v4tip;
         }
-        .pointer;
-        &:hover {
-            color: #f00;
+        .u-remark {
+            .nobreak;
+            .w(280px);
+            color: @color;
+        }
+        .u-delete {
+            .ml(20px);
+            color: #c00;
+            i {
+                .mr(3px);
+            }
+            .pointer;
+            &:hover {
+                color: #f00;
+            }
+        }
+        .u-client {
+            color: @v4focus;
         }
     }
-    .u-client {
-        margin-left: 5px;
-        color: #09f;
-    }
-
 }
 .w-boxcoin-records-pages {
     justify-content: center;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@jx3box/jx3box-ui",
-    "version": "2.0.35",
+    "version": "2.0.37",
     "description": "JX3BOX Vue3 UI",
     "main": "index.js",
     "scripts": {

package/src/author/Avatar.vue

@@ -55,7 +55,8 @@ export default {
     },
     methods: {
         showAvatar: function (val) {
-            return showAvatar(val, this.styles[this.size] * 3);
+            const size = typeof this.size === "number" ? this.size : this.styles[this.size];
+            return showAvatar(val, size);
         },
         authorLink,
     },

package/src/interact/BoxcoinRecords.vue

@@ -41,9 +41,9 @@
                     </span>
                     <span class="u-meta u-remark">{{ item.remark }}</span>
                     <time class="u-meta u-time">{{ showTime(item.created_at) }}</time>
-                    <span class="u-client" v-if="isSuperAdmin">{{ item.client }}</span>
                     <span class="u-delete" v-if="isSuperAdmin" @click="recovery(item, i)">
                         <i class="Delete"></i>{{ $jx3boxT("jx3boxUi.boxcoinRecords.revoke", "撤销") }}
+                        (<span class="u-client">{{ item.client }}</span>)
                     </span>
                 </li>
             </ul>