soeren/fotospiel-app
1
0
Fork 0
Code Issues Pull Requests Actions 2 Packages Projects Releases Wiki Activity

photobooth funktionen im event admin verlinkt, gäste pwa zeigt photobooth nur noch an, wenn diese aktiviert ist. kontaktformular optimiert. teilen-link mit iMessage und whatsapp erweitert.

Browse Source
This commit is contained in:
Codex Agent
2025-11-23 22:22:06 +01:00
parent 3d9eaa1194
commit df414a31cd
32 changed files with 809 additions and 280 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
resources/js/components/ui/Steps.tsx
View File

@@ -25,8 +25,8 @@ const Steps = React.forwardRef<HTMLDivElement, StepsProps>(
className={cn(
"w-10 h-10 rounded-full flex items-center justify-center text-sm font-medium border-2 transition-colors",
index <= currentStep
? "bg-blue-500 text-white border-blue-500"
: "bg-gray-200 text-gray-500 border-gray-200 dark:bg-gray-700 dark:text-gray-400 dark:border-gray-700"
? "bg-primary text-primary-foreground border-primary shadow-sm"
: "bg-muted text-muted-foreground border-muted"
)}
>
{index + 1}
@@ -34,23 +34,23 @@ const Steps = React.forwardRef<HTMLDivElement, StepsProps>(
<div className="mt-2 text-xs font-medium text-center">
<p className={cn(
"font-semibold",
index === currentStep ? "text-blue-600 dark:text-blue-400" : "text-gray-500 dark:text-gray-400"
index === currentStep ? "text-primary" : "text-muted-foreground"
)}>
{step.title}
</p>
<p className="text-xs text-gray-400 dark:text-gray-500 mt-1">{step.description}</p>
<p className="text-xs text-muted-foreground mt-1">{step.description}</p>
{step.details && index === currentStep && (
<p className="text-xs text-blue-500 dark:text-blue-300 mt-1 font-medium">
<p className="text-xs text-primary mt-1 font-medium">
{step.details}
</p>
)}
</div>
{index < steps.length - 1 && (
<div className="flex-1 h-px bg-gray-200 dark:bg-gray-700 mx-2">
<div className="flex-1 h-px bg-border mx-2">
<div
className={cn(
"h-full transition-all duration-300",
index < currentStep ? "bg-blue-500" : "bg-transparent"
index < currentStep ? "bg-primary" : "bg-transparent"
)}
style={{ width: index < currentStep ? '100%' : '0%' }}
/>