astral/erika
3
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

feat(ui): adopt Lyra theme

Browse Source
This commit is contained in:
gunshiz
2026-08-10 13:19:09 +07:00 Unverified
parent cbb40b665c
commit 6f1fd826d7
47 changed files with 153 additions and 153 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/admin/form/[id]/result/[submissionId]/client.tsx
+5 -5
View File
@@ -131,7 +131,7 @@ export default function SubmissionDetailClient({
>
<button
type="button"
className="cursor-pointer rounded-sm bg-[#5865f2]/30 px-1 font-medium text-[#c9cdfb] transition-colors hover:bg-[#5865f2] hover:text-white"
className="cursor-pointer bg-primary/15 px-1 font-medium text-primary transition-colors hover:bg-primary hover:text-primary-foreground"
aria-label={`View Discord profile for ${submission.userProfile.globalName}`}
>
@{submission.userProfile.globalName}
@@ -256,7 +256,7 @@ export default function SubmissionDetailClient({
)}
</div>
{q.imageUrl && (
<div className="relative w-24 h-24 overflow-hidden rounded-md border shrink-0">
<div className="relative size-24 shrink-0 overflow-hidden border">
<Image
src={q.imageUrl}
alt="Question image"
@@ -269,7 +269,7 @@ export default function SubmissionDetailClient({
</CardHeader>
<CardContent className="flex flex-col gap-4">
{answerValue && (
<div className="flex items-start justify-between gap-4 p-3 bg-muted rounded-md group">
<div className="group flex items-start justify-between gap-4 bg-muted p-3">
<div className="flex flex-col min-w-0">
<span className="text-sm whitespace-pre-wrap break-all">
{answerValue}
@@ -428,7 +428,7 @@ function AnswerImagePreview({ src, label }: { src: string; label: string }) {
className="max-h-40 max-w-56 rounded object-contain"
onError={() => setUnavailable(true)}
/>
<span className="absolute right-3 bottom-3 rounded-md bg-background/90 p-1.5 opacity-0 shadow-sm transition-opacity group-hover/image:opacity-100 group-focus-visible/image:opacity-100">
<span className="absolute right-3 bottom-3 bg-background/90 p-1.5 opacity-0 shadow-sm transition-opacity group-hover/image:opacity-100 group-focus-visible/image:opacity-100">
<Maximize2 />
</span>
</Button>
@@ -444,7 +444,7 @@ function AnswerImagePreview({ src, label }: { src: string; label: string }) {
width={1920}
height={1080}
unoptimized
className="max-h-[calc(100vh-10rem)] w-full rounded-md object-contain"
className="max-h-[calc(100vh-10rem)] w-full object-contain"
onError={() => setUnavailable(true)}
/>
<DialogFooter>