visual improvements and bugfixes

This commit is contained in:
Simon
2026-02-09 16:09:42 +00:00
parent e6d36711b1
commit 16e42cf318

View File

@@ -736,9 +736,8 @@ body.theme-light .setting-item select option {
/* Grid Container */
.grid-container {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
gap: 16px;
column-width: 260px;
column-gap: 16px;
padding: 24px;
max-width: var(--grid-max);
margin: 0 auto;
@@ -746,8 +745,8 @@ body.theme-light .setting-item select option {
@media (max-width: 768px) {
.grid-container {
grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
gap: 12px;
column-width: 160px;
column-gap: 12px;
padding: 16px;
}
@@ -810,7 +809,7 @@ body.theme-light .setting-item select option {
@media (min-width: 1920px) {
.grid-container {
grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
column-width: 280px;
}
}
@@ -844,12 +843,14 @@ body.theme-light .setting-item select option {
overflow: hidden;
transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
background: var(--bg-secondary);
display: flex;
display: inline-flex;
flex-direction: column;
height: 100%;
width: 100%;
border: 1px solid var(--border);
box-shadow: 0 6px 16px var(--shadow);
position: relative;
break-inside: avoid;
margin-bottom: 16px;
}
.video-card:hover {
@@ -863,8 +864,6 @@ body.theme-light .setting-item select option {
height: auto;
display: block;
background: var(--bg-tertiary);
aspect-ratio: 16 / 9;
object-fit: cover;
}
.video-card h4 {