Add:Experimental authors page layout #187,Add:Square covers #210

client/pages/config/index.vue

@@ -65,13 +65,6 @@
       </a>
     </div>
 
-    <div v-if="showExperimentalFeatures" class="h-0.5 bg-primary bg-opacity-30 w-full" />
-
-    <div v-if="showExperimentalFeatures" class="bg-bg rounded-md shadow-lg border border-white border-opacity-5 p-4 my-8">
-      <p>Experimental Bookshelf Texture</p>
-      <div class="flex"></div>
-    </div>
-
     <div class="h-0.5 bg-primary bg-opacity-30 w-full" />
 
     <div class="py-12 mb-4 opacity-60 hover:opacity-100">

client/pages/config/users/_id.vue

@@ -43,7 +43,7 @@
           </tr>
           <tr v-for="ab in userAudiobooks" :key="ab.audiobookId" :class="!ab.isRead ? '' : 'isRead'">
             <td>
-              <covers-book-cover :width="50" :audiobook="ab" />
+              <covers-book-cover :width="50" :audiobook="ab" :book-cover-aspect-ratio="bookCoverAspectRatio" />
             </td>
             <td class="font-book">
               <p>{{ ab.book ? ab.book.title : ab.audiobookTitle || 'Unknown' }}</p>
@@ -87,6 +87,12 @@ export default {
     }
   },
   computed: {
+    coverAspectRatio() {
+      return this.$store.getters['getServerSetting']('coverAspectRatio')
+    },
+    bookCoverAspectRatio() {
+      return this.coverAspectRatio === this.$constants.BookCoverAspectRatio.SQUARE ? 1 : 1.6
+    },
     showExperimentalFeatures() {
       return this.$store.state.showExperimentalFeatures
     },