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

release: v0.15.0 (#585)

Browse Source 
Eighteen changes since v0.14.0. See CHANGELOG.md for the full list and the upgrade notes (bump IMAGE_CACHE_VERSION).
This commit is contained in:
Ralksta
2026-09-19 22:24:10 +02:00
committed by GitHub
parent e99d3f2f1b
commit c3f92ca4ec
74 changed files with 4791 additions and 2146 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
components/PasswordGate.module.css
View File

@@ -48,11 +48,16 @@
color: var(--text-primary);
font-family: var(--font-sans);
font-size: 0.9rem;
outline: none;
transition: border-color var(--transition-fast);
}
.input:focus {
/* The base rule used to set `outline: none`, leaving a 1px border colour
change as the only focus signal. That is too little on a page whose only
purpose is typing, and a colour-only cue can be lost on colour-blind
visitors. The border change stays; the ring is added. */
.input:focus-visible {
outline: 2px solid var(--accent);
outline-offset: 2px;
border-color: var(--accent);
}

33
components/ProofingModal.tsx
View File

@@ -1,15 +1,22 @@
'use client';
import React, { useState } from 'react';
import React, { useState, useCallback } from 'react';
import { useProofing } from './ProofingContext';
import { IconCheck, IconCopy, IconLink } from './Icons';
import { useDictionary } from './I18nProvider';
import { useModalDialog } from '@/hooks/useModalDialog';
export function ProofingModal() {
const t = useDictionary();
const proofing = useProofing();
const [copiedState, setCopiedState] = useState<'none' | 'link' | 'list'>('none');
/* Before the early `return null`: hooks must not run conditionally.
`proofing` can be null, hence the optional calls. */
const isOpen = Boolean(proofing?.isModalOpen);
const close = useCallback(() => proofing?.setIsModalOpen(false), [proofing]);
const cardRef = useModalDialog(close, isOpen);
if (!proofing || !proofing.isModalOpen) return null;
const {
@@ -59,14 +66,24 @@ export function ProofingModal() {
padding: '1rem',
}}
>
{/* This card used to read `--bg-surface` and `--border-color`, which
are defined nowhere, so it always fell back to the hard-coded dark
values. In the light theme that meant a #1e1e1e card under
`--text-primary`, which does exist there and resolves to #1a1a18:
dark text on a dark background, about 1.05:1. It now uses tokens
that exist. */}
<div
className="proofing-modal-card"
ref={cardRef}
role="dialog"
aria-modal="true"
aria-labelledby="proofing-modal-title"
onClick={(e) => e.stopPropagation()}
style={{
background: 'var(--bg-surface, #1e1e1e)',
background: 'var(--bg-card, #1e1e1e)',
color: 'var(--text-primary, #ffffff)',
borderRadius: 'var(--radius-md, 12px)',
border: '1px solid var(--border-color, rgba(255,255,255,0.1))',
border: '1px solid var(--border-subtle, rgba(255,255,255,0.1))',
padding: '1.5rem',
maxWidth: '480px',
width: '100%',
@@ -81,7 +98,7 @@ export function ProofingModal() {
marginBottom: '1rem',
}}
>
<h3 style={{ margin: 0, fontSize: '1.2rem', fontWeight: 600 }}>
<h3 id="proofing-modal-title" style={{ margin: 0, fontSize: '1.2rem', fontWeight: 600 }}>
{t.proofing.modalTitle(favorites.size)}
</h3>
<button
@@ -145,9 +162,9 @@ export function ProofingModal() {
gap: '0.5rem',
padding: '0.75rem 1rem',
borderRadius: 'var(--radius-sm, 6px)',
background: 'rgba(255,255,255,0.1)',
background: 'var(--bg-card-hover)',
color: 'inherit',
border: '1px solid rgba(255,255,255,0.15)',
border: '1px solid var(--border-subtle)',
fontWeight: 500,
cursor: 'pointer',
}}
@@ -174,9 +191,9 @@ export function ProofingModal() {
gap: '0.5rem',
padding: '0.75rem 1rem',
borderRadius: 'var(--radius-sm, 6px)',
background: 'rgba(255,255,255,0.1)',
background: 'var(--bg-card-hover)',
color: 'inherit',
border: '1px solid rgba(255,255,255,0.15)',
border: '1px solid var(--border-subtle)',
fontWeight: 500,
cursor: 'pointer',
}}