gru/pyTorrent
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

media info - read txt and images

Browse Source
This commit is contained in:
Mateusz Gruszczyński
2026-05-21 10:18:24 +02:00
parent d0026ab7f9
commit c2948ea277
3 changed files with 236 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

79
pytorrent/static/styles.css
View File

@@ -4468,11 +4468,82 @@ body,
.media-info-note {
align-items: center;
background: var(--bs-tertiary-bg);
border: 1px solid var(--bs-border-color);
border-radius: 0.75rem;
color: var(--bs-secondary-color);
display: flex;
gap: 0.5rem;
margin-bottom: 0.75rem;
padding: 0.75rem;
}
.media-info-text-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-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
font-size: 0.84rem;
line-height: 1.35;
margin: 0 0 1rem;
max-height: 62vh;
overflow: auto;
padding: 1rem;
white-space: pre;
}
.media-info-image-preview {
align-items: center;
background: var(--bs-tertiary-bg);
border: 1px solid var(--bs-border-color);
border-radius: 0.9rem;
display: flex;
flex-direction: column;
gap: 0.75rem;
margin: 0 0 1rem;
padding: 1rem;
}
.media-info-image-preview img {
border-radius: 0.65rem;
box-shadow: 0 0.5rem 1.5rem rgba(0, 0, 0, 0.18);
display: block;
max-height: 70vh;
max-width: 100%;
object-fit: contain;
}
.media-info-image-preview figcaption {
color: var(--bs-secondary-color);
font-size: 0.82rem;
gap: 0.4rem;
margin-top: 1rem;
}
.media-info-image-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-image-empty > i {
color: var(--bs-secondary-color);
font-size: 1.8rem;
}
.media-info-image-empty b,
.media-info-image-empty span {
display: block;
}
.media-info-image-empty span {
color: var(--bs-secondary-color);
margin-top: 0.15rem;
}
@media (max-width: 900px) {
@@ -4486,6 +4557,10 @@ body,
grid-template-columns: 1fr;
}
.media-info-image-empty {
grid-template-columns: 1fr;
}
.media-info-table th {
width: 9rem;
}