mirror of
https://github.com/R0m1k3/FlowReader.git
synced 2026-10-20 21:58:11 +02:00
fix(web): show feed images again, widen the grid, soften covers
- Drop the service worker's image cache: its cross-origin fetch() is bound by the CSP's connect-src 'self', so every cover failed and fell back to the green placeholder (in the grid and the reader). - Grid fills the width with as many ~20rem columns as fit (max 2400px), now that the sidebar is gone. - Covers fade in once loaded and get a light bottom shade. - Placeholder cover shows a centered initial instead of the feed name that overlapped the feed chip. Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_01NsXUyMEGFFGVRcHNVfcBLh
This commit is contained in:
5 files changed
+22
-16
No files matched your search
+3
-9
@@ -67,15 +67,9 @@ export default defineConfig({
|
||||
cacheableResponse: { statuses: [200] },
|
||||
},
|
||||
},
|
||||
{
|
||||
urlPattern: ({ request }) => request.destination === 'image',
|
||||
handler: 'StaleWhileRevalidate',
|
||||
options: {
|
||||
cacheName: 'images',
|
||||
expiration: { maxEntries: 400, maxAgeSeconds: 60 * 60 * 24 * 30, purgeOnQuotaError: true },
|
||||
cacheableResponse: { statuses: [0, 200] },
|
||||
},
|
||||
},
|
||||
// No image route: feed images are cross-origin, and a fetch() from
|
||||
// the worker is bound by the CSP's connect-src 'self', so it would
|
||||
// fail every cover. The browser's HTTP cache handles them instead.
|
||||
{
|
||||
urlPattern: ({ request }) => request.destination === 'font',
|
||||
handler: 'CacheFirst',
|
||||
|
||||
Reference in new issue
Block a user