Koko210/immich-folio
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

release: v0.12.0 (#520)

Browse Source 
Forty-one commits since v0.11.0. See CHANGELOG.md for the full list and the upgrade notes.
This commit is contained in:
Ralksta
2026-08-23 23:18:14 +02:00
committed by GitHub
parent 2f546f440d
commit 10ec68f493
119 changed files with 6888 additions and 758 deletions
Download Patch File Download Diff File Expand all files Collapse all files

23
app/globals.css
View File

@@ -820,10 +820,15 @@
width: 100%;
}
/* The album-cover grid. `--subpage-columns` comes from the resolved grid
config (global settings.yaml < per-subpage override); the fallback keeps the
historical two-up layout for anything rendering this grid without the vars.
`--subpage-gap` is a *preset* decision — the theme files below set it, and
only an explicit per-subpage `gap:` overrides it (inline vars win). */
.subpage-grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 4px;
grid-template-columns: repeat(var(--subpage-columns, 2), 1fr);
gap: var(--subpage-gap, 4px);
}
.subpage-grid__item {
@@ -1043,6 +1048,13 @@
}
.photo-grid {
/* The gap the grid uses when settings.yaml does not set one. Declared rather
than left to each layout's own `var(--grid-gap, N)` fallback, because those
fallbacks disagree (6px filmstrip, 16px editorial-flow) and were dead code
while the variable was emitted unconditionally — 12px is what every layout
has actually rendered. A preset overrides it, an explicit setting beats
both by landing inline on this element (#513). */
--grid-gap: 12px;
column-count: var(--grid-columns, 3);
column-gap: var(--grid-gap, 12px);
}
@@ -1746,6 +1758,13 @@
.photo-grid--showcase {
grid-template-columns: repeat(2, 1fr);
}
/* Album covers follow the photo grids here: two-up on tablet widths, so a
configured 4 or 6 columns does not squeeze them below ~300px. The count is
computed server-side because repeat() does not reliably take a min(). */
.subpage-grid {
grid-template-columns: repeat(var(--subpage-columns-tablet, 2), 1fr);
}
}
@media (max-width: 640px) {