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

fix: resolve React hydration error #418 and improve lightbox robustness by using string attributes and visible-by-default images

Browse Source
This commit is contained in:
ralksta
2026-03-07 09:50:05 +01:00
parent 21f9fda53a
commit c8116242f0
2 changed files with 4 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
app/layout.tsx
View File

@@ -60,10 +60,10 @@ export default function RootLayout({ children }: { children: React.ReactNode })
suppressHydrationWarning suppressHydrationWarning
style={themeVars as React.CSSProperties} style={themeVars as React.CSSProperties}
data-preset={theme.preset} data-preset={theme.preset}
data-grain={theme.grain} data-grain={String(theme.grain)}
data-header-dot={theme.headerDot} data-header-dot={String(theme.headerDot)}
data-photo-frame={theme.photoFrame} data-photo-frame={theme.photoFrame}
data-transitions={config.transitions} data-transitions={String(config.transitions)}
> >
<head> <head>
<link rel="preconnect" href="https://fonts.googleapis.com" /> <link rel="preconnect" href="https://fonts.googleapis.com" />

2
components/Lightbox.module.css
View File

@@ -53,7 +53,7 @@
border-radius: var(--radius-sm); border-radius: var(--radius-sm);
user-select: none; user-select: none;
-webkit-user-drag: none; -webkit-user-drag: none;
opacity: 0; opacity: 1; /* Default to visible for robustness */
transition: opacity var(--transition-normal); transition: opacity var(--transition-normal);
} }