feat: allow redis db override

backend/src/main/resources/application.properties

@@ -12,7 +12,7 @@ spring.jpa.hibernate.ddl-auto=update
 # for redis
 spring.data.redis.host=${REDIS_HOST:localhost}
 spring.data.redis.port=${REDIS_PORT:6379}
-spring.data.redis.database=0
+spring.data.redis.database=${REDIS_DATABASE:0}
 
 # for jwt
 app.jwt.secret=${JWT_SECRET:jwt_sec}

frontend_nuxt/components/CommentItem.vue

@@ -26,12 +26,8 @@
           <span v-if="level >= 2" class="reply-item">
             <i class="fas fa-reply reply-icon"></i>
             <span class="reply-info">
-              <BaseImage
-                class="reply-avatar"
-                :src="comment.parentUserAvatar || '/default-avatar.svg'"
-                alt="avatar"
-                @click="comment.parentUserClick && comment.parentUserClick()"
-              />
+              <BaseImage class="reply-avatar"  :src="comment.parentUserAvatar || '/default-avatar.svg'" alt="avatar"
+              @click="comment.parentUserClick && comment.parentUserClick()" />
               <span class="reply-user-name">{{ comment.parentUserName }}</span>
             </span>
           </span>
@@ -385,8 +381,7 @@ const handleContentClick = (e) => {
   justify-content: space-between;
 }
 
-.reply-item,
-.reply-info {
+.reply-item, .reply-info {
   display: inline-flex;
   flex-direction: row;
   align-items: center;
@@ -402,16 +397,13 @@ const handleContentClick = (e) => {
 
 .reply-icon {
   color: var(--primary-color);
-  margin-left: 10px;
   margin-right: 10px;
+  margin-left: 10px;
   opacity: 0.5;
-  transform: scaleX(-1);
 }
 
 .reply-user-name {
   opacity: 0.3;
-  display: none;
-  font-weight: bold;
 }
 
 .medal-name {