Fix syntax in student toggle inner div
This commit is contained in:
@@ -317,8 +317,8 @@ export default function StudentsPage() {
|
|||||||
<span className="text-xs font-semibold">{s.is_active !== false ? 'Enabled' : 'Disabled'}</span>
|
<span className="text-xs font-semibold">{s.is_active !== false ? 'Enabled' : 'Disabled'}</span>
|
||||||
<div
|
<div
|
||||||
onClick={() => handleToggleActive(s.id)}
|
onClick={() => handleToggleActive(s.id)}
|
||||||
className={h-5 w-9 rounded-full relative cursor-pointer transition-colors }>
|
className={`h-5 w-9 rounded-full relative cursor-pointer transition-colors ${s.is_active !== false ? 'bg-green-500' : 'bg-secondary border border-border'}`}>
|
||||||
<div className={bsolute top-0.5 size-4 rounded-full transition-all }></div>
|
<div className={`absolute top-0.5 size-4 rounded-full transition-all ${s.is_active !== false ? 'right-0.5 bg-white' : 'left-0.5 bg-muted-foreground'}`}></div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</td>
|
</td>
|
||||||
|
|||||||
Reference in New Issue
Block a user