simon/jacuzzi
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

visual improvements and bugfixes

Browse Source
This commit is contained in:
Simon
2026-02-09 16:09:42 +00:00
parent e6d36711b1
commit 16e42cf318
1 changed files with 9 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
frontend/css/style.css
View File

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