mirror of
https://github.com/lukevella/rallly.git
synced 2025-07-14 23:17:27 +02:00
⬆️ v3.0.0 (#704)
This commit is contained in:
parent
735056f25f
commit
c22b3abc4d
385 changed files with 19912 additions and 5250 deletions
|
@ -16,19 +16,19 @@ const Steps: React.FunctionComponent<StepsProps> = ({
|
|||
const { t } = useTranslation();
|
||||
|
||||
return (
|
||||
<div className={clsx("inline-flex items-center", className)}>
|
||||
<div className={clsx("inline-flex items-center gap-2.5", className)}>
|
||||
<div className="text-sm font-medium tracking-tight">
|
||||
{t("stepSummary", {
|
||||
current: current + 1,
|
||||
total,
|
||||
})}
|
||||
</div>
|
||||
<div className="ml-2 flex items-center">
|
||||
<div className="flex items-center gap-2">
|
||||
{[...Array(total)].map((_, i) => {
|
||||
return (
|
||||
<span
|
||||
key={i}
|
||||
className={clsx("ml-3 h-2 w-2 rounded-full transition-all", {
|
||||
className={clsx("h-2 w-2 rounded-full transition-all", {
|
||||
"bg-primary-400": i <= current,
|
||||
"bg-gray-300": i > current,
|
||||
"ring-primary-200 animate-pulse ring-4": i === current,
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue