move to anther profile

This commit is contained in:
Mateusz Gruszczyński
2026-06-20 16:47:54 +02:00
parent 77a6902b13
commit e6733d6a27
15 changed files with 576 additions and 28 deletions
+115 -6
View File
@@ -3332,7 +3332,7 @@ body.mobile-mode .mobile-filter-bar {
.torrent-preview {
display: grid;
gap: .75rem;
gap: 0.75rem;
}
.torrent-preview-title {
@@ -3358,7 +3358,7 @@ body.mobile-mode .mobile-filter-bar {
align-items: center;
display: flex;
flex-wrap: wrap;
gap: .5rem;
gap: 0.5rem;
}
.preview-file-table {
@@ -3712,7 +3712,7 @@ body.mobile-mode .mobile-filter-bar {
.smart-view-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
gap: .75rem;
gap: 0.75rem;
}
.health-card,
.smart-view-card,
@@ -3730,7 +3730,7 @@ body.mobile-mode .mobile-filter-bar {
display: flex;
align-items: center;
justify-content: space-between;
gap: .75rem;
gap: 0.75rem;
margin-bottom: .25rem;
}
.health-card > small,
@@ -3779,7 +3779,7 @@ body.mobile-mode .mobile-filter-bar {
display: flex;
align-items: center;
justify-content: space-between;
gap: .75rem;
gap: 0.75rem;
margin-bottom: .75rem;
}
.notification-list {
@@ -3815,7 +3815,7 @@ body.mobile-mode .mobile-filter-bar {
/* Diagnostics layout */
.diagnostics-section {
display: grid;
gap: .75rem;
gap: 0.75rem;
margin-bottom: 1rem;
}
.diagnostics-section:last-child {
@@ -5907,3 +5907,112 @@ body.compact-torrent-list .mobile-progress .torrent-progress {
font-size: 0.72rem;
font-weight: 600;
}
/* Profile picker and profile transfer cards. */
.profile-choice-list,
.profile-transfer-list {
display: grid;
gap: 0.5rem;
}
.profile-choice-card,
.profile-transfer-card {
align-items: center;
background: var(--bs-body-bg);
border: 1px solid var(--bs-border-color);
border-radius: 0.65rem;
color: var(--bs-body-color);
display: flex;
justify-content: space-between;
padding: 0.65rem 0.75rem;
text-align: left;
width: 100%;
}
.profile-choice-card:hover,
.profile-choice-card.active,
.profile-transfer-card:hover,
.profile-transfer-card.active {
border-color: var(--bs-primary);
box-shadow: 0 0 0 0.15rem rgba(var(--bs-primary-rgb), 0.12);
}
.profile-choice-card span,
.profile-transfer-card span {
align-items: center;
display: inline-flex;
gap: 0.5rem;
min-width: 0;
}
.profile-choice-card small,
.profile-transfer-card small {
color: var(--bs-secondary-color);
}
.profile-transfer-grid {
display: grid;
gap: 1rem;
grid-template-columns: minmax(0, 1fr) minmax(18rem, 0.85fr);
}
.profile-transfer-switch {
align-items: center;
background: var(--bs-tertiary-bg);
border: 1px solid var(--bs-border-color);
border-radius: 0.65rem;
display: flex;
gap: 0.75rem;
min-height: 2.75rem;
padding: 0.55rem 0.85rem;
}
.profile-transfer-switch .form-check-input {
flex: 0 0 auto;
margin-left: 0;
}
.profile-transfer-torrents {
background: var(--bs-tertiary-bg);
border: 1px solid var(--bs-border-color);
border-radius: 0.65rem;
display: grid;
gap: 0.35rem;
max-height: 8rem;
overflow: auto;
padding: 0.65rem 0.75rem;
}
.profile-transfer-torrents div {
align-items: center;
display: grid;
gap: 0.5rem;
grid-template-columns: auto minmax(0, 1fr) auto;
min-width: 0;
}
.profile-transfer-torrents span {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.profile-transfer-disk {
background: var(--bs-tertiary-bg);
border: 1px solid var(--bs-border-color);
border-radius: 0.65rem;
font-size: 0.85rem;
padding: 0.65rem 0.75rem;
}
.profile-transfer-permission {
min-height: 1.2rem;
}
@media (max-width: 767.98px) {
.profile-transfer-grid {
grid-template-columns: 1fr;
}
}