media info - read pdf

pytorrent/static/styles.css

@@ -4565,3 +4565,57 @@ body,
     width: 9rem;
   }
 }
+
+.media-info-pdf-preview {
+  background: var(--bs-body-bg);
+  border: 1px solid var(--bs-border-color);
+  border-radius: 0.75rem;
+  color: var(--bs-body-color);
+  font-family: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
+  font-size: 0.95rem;
+  line-height: 1.5;
+  margin: 0 0 1rem;
+  max-height: 62vh;
+  overflow: auto;
+  padding: 1rem;
+  white-space: pre-wrap;
+}
+
+.media-info-pdf-empty {
+  align-items: center;
+  background: var(--bs-tertiary-bg);
+  border: 1px solid var(--bs-border-color);
+  border-radius: 0.9rem;
+  display: grid;
+  gap: 1rem;
+  grid-template-columns: auto minmax(0, 1fr) auto;
+  margin-bottom: 1rem;
+  padding: 1rem;
+}
+
+.media-info-pdf-empty > i {
+  color: var(--bs-danger);
+  font-size: 1.8rem;
+}
+
+.media-info-pdf-empty b,
+.media-info-pdf-empty span {
+  display: block;
+}
+
+.media-info-pdf-empty span {
+  color: var(--bs-secondary-color);
+  margin-top: 0.15rem;
+}
+
+.media-info-download-row {
+  display: flex;
+  justify-content: flex-end;
+  margin-bottom: 1rem;
+}
+
+@media (max-width: 560px) {
+  .media-info-pdf-empty {
+    grid-template-columns: 1fr;
+  }
+}