feat: replace missing.webp with question mark and style fixes

This commit is contained in:
trafficlunar 2025-04-25 23:00:35 +01:00
parent 5258ac7c94
commit 953e46a042
7 changed files with 37 additions and 9 deletions

View file

@ -9,11 +9,11 @@ export default async function ProfileOverview() {
<li title="Your profile">
<Link href={`/profile/${session?.user.id}`} className="pill button !gap-2 !p-0 h-full max-w-64">
<Image
src={session?.user?.image ?? "/missing.webp"}
src={session?.user?.image ?? "/missing.svg"}
alt="profile picture"
width={40}
height={40}
className="rounded-full aspect-square object-cover h-full outline-2 outline-orange-400"
className="rounded-full aspect-square object-cover h-full bg-white outline-2 outline-orange-400"
/>
<span className="pr-4 overflow-hidden whitespace-nowrap text-ellipsis w-full">{session?.user?.username ?? "unknown"}</span>
</Link>

View file

@ -132,7 +132,11 @@ export default function SubmitForm() {
<div className="flex justify-center">
<div className="w-[18.75rem] h-min flex flex-col bg-zinc-50 rounded-3xl border-2 border-zinc-300 shadow-lg p-3">
<Carousel
images={[studioUrl ?? "/missing.webp", generatedQrCodeUrl ?? "/missing.webp", ...files.map((file) => URL.createObjectURL(file))]}
images={[
studioUrl ?? "/tomodachi-question-face-icon-alt.svg",
generatedQrCodeUrl ?? "/loading.svg",
...files.map((file) => URL.createObjectURL(file)),
]}
/>
<div className="p-4 flex flex-col gap-1 h-full">