0.10.0-8 Audbile Meta

frontend/src/styles/app.css

@@ -3538,6 +3538,31 @@ body {
   flex-wrap: wrap;
 }
 
+.audiobook-config-summary {
+  display: flex;
+  gap: 1rem;
+  align-items: flex-start;
+  flex-wrap: wrap;
+}
+
+.audiobook-config-cover {
+  width: 120px;
+  min-width: 120px;
+  aspect-ratio: 1 / 1;
+  border-radius: 14px;
+  overflow: hidden;
+  border: 1px solid var(--surface-border, #d8d3c6);
+  background: var(--surface-ground, #f6f1e8);
+  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.08);
+}
+
+.audiobook-config-cover img {
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
+  display: block;
+}
+
 .audiobook-config-tags {
   display: flex;
   flex-wrap: wrap;
@@ -3557,6 +3582,17 @@ body {
   gap: 0.85rem;
 }
 
+.audiobook-description-preview {
+  display: grid;
+  gap: 0.25rem;
+  margin-top: 0.25rem;
+}
+
+.audiobook-description-preview .p-button {
+  justify-self: flex-start;
+  padding-left: 0;
+}
+
 .audiobook-config-chapters h4 {
   margin: 0;
 }
@@ -3582,6 +3618,23 @@ body {
   color: var(--rip-muted, #666);
 }
 
+.audiobook-chapter-row-head {
+  display: flex;
+  justify-content: space-between;
+  gap: 0.75rem;
+  align-items: center;
+}
+
+.audiobook-chapter-row-editable {
+  gap: 0.55rem;
+}
+
+.audiobook-description-dialog p {
+  margin: 0;
+  white-space: pre-wrap;
+  line-height: 1.6;
+}
+
 .audiobook-output-path {
   padding: 0.75rem 0.85rem;
   border-radius: 10px;
@@ -3591,6 +3644,15 @@ body {
 }
 
 @media (max-width: 980px) {
+  .audiobook-config-summary {
+    width: 100%;
+  }
+
+  .audiobook-config-cover {
+    width: 96px;
+    min-width: 96px;
+  }
+
   .audiobook-config-grid {
     grid-template-columns: 1fr;
   }