mirror of
https://github.com/stashapp/CommunityScripts.git
synced 2026-02-05 21:39:23 -06:00
54ff5ca251
Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>
83 lines
1.8 KiB
CSS
83 lines
1.8 KiB
CSS
/* Similar Scenes - queue-style list only */
|
|
|
|
/* Fix thumbnail sizing for queue-style list items in Similar tab */
|
|
/* Target the thumbnail containers within the Similar tab specifically */
|
|
.similar-scenes-tab .thumbnail-container {
|
|
width: 160px;
|
|
height: 90px;
|
|
flex-shrink: 0;
|
|
overflow: hidden;
|
|
border-radius: 4px;
|
|
margin-right: 12px; /* spacing between thumbnail and details to match queue layout */
|
|
}
|
|
|
|
.similar-scenes-tab .thumbnail-container img {
|
|
width: 100%;
|
|
height: 100%;
|
|
object-fit: cover;
|
|
object-position: center;
|
|
}
|
|
|
|
/* Remove list bullets and match queue styling */
|
|
.similar-scenes-tab ul {
|
|
list-style: none;
|
|
padding: 0;
|
|
margin: 0;
|
|
}
|
|
|
|
/* Match queue scene details styling exactly */
|
|
.similar-scenes-tab .queue-scene-details {
|
|
width: 245px;
|
|
display: grid;
|
|
overflow: hidden;
|
|
position: relative;
|
|
font-weight: 500;
|
|
}
|
|
|
|
.similar-scenes-tab .queue-scene-title {
|
|
color: #f5f8fa;
|
|
font-weight: 500;
|
|
}
|
|
|
|
.similar-scenes-tab .queue-scene-studio,
|
|
.similar-scenes-tab .queue-scene-performers,
|
|
.similar-scenes-tab .queue-scene-date {
|
|
color: hsla(0, 0%, 100%, 0.45);
|
|
font-weight: 400;
|
|
}
|
|
|
|
.similar-scenes-loading,
|
|
.similar-scenes-error,
|
|
.similar-scenes-empty {
|
|
text-align: center;
|
|
padding: 2rem;
|
|
color: var(--bs-text-muted, #6c757d);
|
|
}
|
|
|
|
.similar-scenes-error {
|
|
color: var(--bs-danger, #dc3545);
|
|
background-color: var(--bs-danger-bg-subtle, #f8d7da);
|
|
border: 1px solid var(--bs-danger-border-subtle, #f5c2c7);
|
|
border-radius: 0.375rem;
|
|
}
|
|
|
|
.similar-scenes-loading {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
gap: 0.5rem;
|
|
}
|
|
|
|
.similar-scenes-loading:before {
|
|
content: '';
|
|
width: 1rem;
|
|
height: 1rem;
|
|
border: 2px solid var(--bs-border-color, #dee2e6);
|
|
border-top-color: var(--bs-primary, #0d6efd);
|
|
border-radius: 50%;
|
|
animation: spin 1s linear infinite;
|
|
}
|
|
|
|
@keyframes spin {
|
|
to { transform: rotate(360deg); }
|
|
} |