mobile torrent details

This commit is contained in:
Mateusz Gruszczyński
2026-05-24 13:40:54 +02:00
parent 778717d8b3
commit f8eddd6fd5
2 changed files with 19 additions and 65 deletions

File diff suppressed because one or more lines are too long

View File

@@ -4848,80 +4848,34 @@ body,
overflow-wrap: anywhere; overflow-wrap: anywhere;
} }
.mobile-details-peers-table { .mobile-details-peers-table,
.mobile-details-files-table {
margin-bottom: 0; margin-bottom: 0;
}
.mobile-details-peers-table {
min-width: 720px; min-width: 720px;
} }
.mobile-details-file-tree, .mobile-details-files-table {
.mobile-details-file-tree ul { min-width: 760px;
display: grid;
gap: 0.4rem;
list-style: none;
margin: 0;
padding: 0;
} }
.mobile-details-file-tree ul { .mobile-details-files-table .file-progress {
margin-top: 0.4rem; min-width: 7.5rem;
padding-left: 0.8rem;
} }
.mobile-details-folder-node summary, .mobile-details-files-table .file-priority {
.mobile-details-file-node { min-width: 6.5rem;
background: rgba(var(--bs-body-bg-rgb), 0.65);
border: 1px solid var(--bs-border-color);
border-radius: 0.65rem;
padding: 0.5rem;
} }
.mobile-details-folder-node summary { .mobile-details-file-path {
align-items: center; display: inline-block;
cursor: pointer; max-width: 24rem;
display: flex; overflow: hidden;
gap: 0.45rem; text-overflow: ellipsis;
list-style: none; vertical-align: middle;
} white-space: nowrap;
.mobile-details-folder-node summary::-webkit-details-marker {
display: none;
}
.mobile-details-folder-node summary::after {
color: var(--bs-secondary-color);
content: '\f107';
font-family: 'Font Awesome 6 Free';
font-weight: 900;
margin-left: auto;
}
.mobile-details-folder-node details[open] > summary::after {
content: '\f106';
}
.mobile-details-file-node {
display: grid;
gap: 0.35rem;
}
.mobile-details-file-main {
align-items: center;
display: flex;
gap: 0.45rem;
min-width: 0;
}
.mobile-details-file-main span {
overflow-wrap: anywhere;
}
.mobile-details-file-actions {
display: flex;
gap: 0.35rem;
}
.mobile-details-file-node small {
color: var(--bs-secondary-color);
} }
.mobile-details-empty, .mobile-details-empty,