shardegger/storycove
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

webp image support

Browse Source
This commit is contained in:
Stefan Hardegger
2026-07-21 08:29:35 +02:00
parent 6bcd2354dc
commit 78c3f1be19
4 changed files with 4 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
frontend/src/app/add-story/AddStoryContent.tsx
View File

@@ -439,7 +439,7 @@ export default function AddStoryContent() {
</label> </label>
<ImageUpload <ImageUpload
onImageSelect={setCoverImage} onImageSelect={setCoverImage}
accept="image/jpeg,image/png" accept="image/jpeg,image/png,image/webp"
maxSizeMB={5} maxSizeMB={5}
aspectRatio="3:4" aspectRatio="3:4"
placeholder="Drop a cover image here or click to select" placeholder="Drop a cover image here or click to select"

2
frontend/src/app/authors/[id]/edit/page.tsx
View File

@@ -269,7 +269,7 @@ export default function EditAuthorPage() {
</label> </label>
<ImageUpload <ImageUpload
onImageSelect={setAvatarImage} onImageSelect={setAvatarImage}
accept="image/jpeg,image/png" accept="image/jpeg,image/png,image/webp"
maxSizeMB={5} maxSizeMB={5}
aspectRatio="1:1" aspectRatio="1:1"
placeholder="Drop an avatar image here or click to select" placeholder="Drop an avatar image here or click to select"

2
frontend/src/app/stories/[id]/edit/page.tsx
View File

@@ -374,7 +374,7 @@ export default function EditStoryPage() {
</label> </label>
<ImageUpload <ImageUpload
onImageSelect={setCoverImage} onImageSelect={setCoverImage}
accept="image/jpeg,image/png" accept="image/jpeg,image/png,image/webp"
maxSizeMB={5} maxSizeMB={5}
aspectRatio="3:4" aspectRatio="3:4"
placeholder="Drop a new cover image here or click to select" placeholder="Drop a new cover image here or click to select"

2
frontend/src/components/collections/CollectionForm.tsx
View File

@@ -209,7 +209,7 @@ export default function CollectionForm({
<input <input
id="coverImage" id="coverImage"
type="file" type="file"
accept="image/jpeg,image/png" accept="image/jpeg,image/png,image/webp"
onChange={handleCoverImageChange} onChange={handleCoverImageChange}
className="w-full px-3 py-2 border theme-border rounded-lg theme-card theme-text focus:outline-none focus:ring-2 focus:ring-theme-accent" className="w-full px-3 py-2 border theme-border rounded-lg theme-card theme-text focus:outline-none focus:ring-2 focus:ring-theme-accent"
/> />