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 {

frontend_nuxt/components/PostLottery.vue

@@ -16,8 +16,8 @@
           <div class="prize-count">x {{ lottery.prizeCount }}</div>
         </div>
         <div class="prize-end-time prize-info-right">
-          <i v-if="!lotteryEnded" class="fas fa-stopwatch prize-end-time-icon"></i>
-          <div v-if="!isMobile && !lotteryEnded" class="prize-end-time-title">离结束</div>
+          <i class="fas fa-stopwatch prize-end-time-icon"></i>
+          <div v-if="!isMobile" class="prize-end-time-title">离结束</div>
           <div class="prize-end-time-value">{{ countdown }}</div>
           <div v-if="!isMobile" class="join-prize-button-container-desktop">
             <div
@@ -193,7 +193,6 @@ const joinLottery = async () => {
 
 .prize-end-time-icon {
   font-size: 13px;
-  margin-right: 5px;
 }
 
 .prize-end-time-title {