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

style: align subpage header to correctly adopt layout rules from selected themes

Browse Source
This commit is contained in:
ralksta
2026-03-08 22:54:23 +01:00
parent a0777e40e2
commit 5667ba01b8
1 changed files with 33 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

47
app/globals.css
View File

@@ -1453,8 +1453,9 @@
letter-spacing: 0.15em; letter-spacing: 0.15em;
} }
/* Album header */ /* Album & Subpage header */
[data-preset='minimal'] .album-header__title { [data-preset='minimal'] .album-header__title,
[data-preset='minimal'] .subpage-title {
font-family: var(--font-sans); font-family: var(--font-sans);
font-size: 0.85rem; font-size: 0.85rem;
letter-spacing: 0.2em; letter-spacing: 0.2em;
@@ -1462,7 +1463,8 @@
font-weight: 400; font-weight: 400;
} }
[data-preset='minimal'] .album-header__meta { [data-preset='minimal'] .album-header__meta,
[data-preset='minimal'] .subpage-subtitle {
font-size: 0.7rem; font-size: 0.7rem;
letter-spacing: 0.1em; letter-spacing: 0.1em;
} }
@@ -1618,9 +1620,21 @@
text-transform: none; text-transform: none;
} }
[data-preset='editorial'] .album-header__meta { /* Album & Subpage Header overrides */
font-family: var(--font-caption); [data-preset='editorial'] .album-header__title,
font-style: italic; [data-preset='editorial'] .subpage-title {
font-family: var(--font-serif);
font-size: 5rem;
font-weight: 400;
letter-spacing: -0.02em;
}
[data-preset='editorial'] .album-header__meta,
[data-preset='editorial'] .subpage-subtitle {
font-family: var(--font-sans);
font-size: 0.8rem;
letter-spacing: 0.1em;
text-transform: uppercase;
} }
/* Footer: centered italic attribution */ /* Footer: centered italic attribution */
@@ -1794,14 +1808,16 @@
color: var(--accent); color: var(--accent);
} }
/* Album header: elegant serif */ /* Album & Subpage header: elegant serif */
[data-preset='classic'] .album-header__title { [data-preset='classic'] .album-header__title,
[data-preset='classic'] .subpage-title {
font-weight: 400; font-weight: 400;
letter-spacing: 0.1em; letter-spacing: 0.1em;
font-size: 2.2rem; font-size: 2.2rem;
} }
[data-preset='classic'] .album-header__meta { [data-preset='classic'] .album-header__meta,
[data-preset='classic'] .subpage-subtitle {
font-family: var(--font-caption); font-family: var(--font-caption);
font-style: italic; font-style: italic;
} }
@@ -1921,8 +1937,9 @@
text-transform: uppercase; text-transform: uppercase;
} }
/* Album header */ /* Album & Subpage header */
[data-preset='noir'] .album-header__title { [data-preset='noir'] .album-header__title,
[data-preset='noir'] .subpage-title {
font-weight: 300; font-weight: 300;
letter-spacing: 0.04em; letter-spacing: 0.04em;
} }
@@ -2081,12 +2098,13 @@
border-bottom: 1px solid var(--border-subtle); border-bottom: 1px solid var(--border-subtle);
} }
/* Album header: large serif with wide spacing */ /* Album & Subpage header: large serif with wide spacing */
[data-preset='monograph'] .album-header { [data-preset='monograph'] .album-header {
margin-bottom: 72px; margin-bottom: 72px;
} }
[data-preset='monograph'] .album-header__title { [data-preset='monograph'] .album-header__title,
[data-preset='monograph'] .subpage-title {
font-family: var(--font-serif); font-family: var(--font-serif);
font-size: 3rem; font-size: 3rem;
font-weight: 400; font-weight: 400;
@@ -2094,7 +2112,8 @@
text-transform: none; text-transform: none;
} }
[data-preset='monograph'] .album-header__meta { [data-preset='monograph'] .album-header__meta,
[data-preset='monograph'] .subpage-subtitle {
font-family: var(--font-caption); font-family: var(--font-caption);
font-size: 0.75rem; font-size: 0.75rem;
letter-spacing: 0.05em; letter-spacing: 0.05em;