اعمال motion بر صفحهٔ اکانتهای agy
صفحهٔ `/admin/agy-accounts` بعد از پاس motion ساخته شد، بنابراین ریشهٔ خودش `.anim-stagger` نداشت و کل صفحه یکجا ظاهر میشد در حالی که بقیهٔ پنل آبشاری وارد میشوند. فهرست اکانتها هم که async لود میشود stagger نگرفته بود. هر صفحهٔ جدیدی که بعد از این ساخته شود باید همین دو کلاس را بگیرد؛ `motion.test.tsx` واژگان را محافظت میکند اما اعمال آن روی صفحههای تازه را نمیگیرد.
This commit is contained in:
@@ -115,7 +115,7 @@ export default function AdminAgyAccountsPage() {
|
|||||||
};
|
};
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<div className="flex flex-col gap-5">
|
<div className="anim-stagger flex flex-col gap-5">
|
||||||
<header className="flex flex-wrap items-end justify-between gap-3">
|
<header className="flex flex-wrap items-end justify-between gap-3">
|
||||||
<div className="flex flex-col gap-1">
|
<div className="flex flex-col gap-1">
|
||||||
<h1 className="text-lg font-medium text-slate-100">اکانتهای agy</h1>
|
<h1 className="text-lg font-medium text-slate-100">اکانتهای agy</h1>
|
||||||
@@ -138,7 +138,7 @@ export default function AdminAgyAccountsPage() {
|
|||||||
description="با دکمهٔ «افزودن اکانت agy» اولین اکانت Google را وارد کنید."
|
description="با دکمهٔ «افزودن اکانت agy» اولین اکانت Google را وارد کنید."
|
||||||
/>
|
/>
|
||||||
) : (
|
) : (
|
||||||
<div className="flex flex-col gap-3">
|
<div className="anim-stagger flex flex-col gap-3">
|
||||||
{accounts.map((account) => (
|
{accounts.map((account) => (
|
||||||
<AgyAccountCard
|
<AgyAccountCard
|
||||||
key={account.id}
|
key={account.id}
|
||||||
|
|||||||
Reference in New Issue
Block a user