visual improvements and bugfixes
This commit is contained in:
@@ -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 {
|
||||
|
||||
Reference in New Issue
Block a user