ソースを参照

fix(admin): h1 и actionMsg внутри sticky-блока модерации

neyrogovnarik 1 週間 前
コミット
6868aea6ae
1 ファイル変更7 行追加5 行削除
  1. 7 5
      frontend/src/app/admin/page.tsx

+ 7 - 5
frontend/src/app/admin/page.tsx

@@ -106,13 +106,14 @@ export default function AdminModerationPage() {
   return (
     <>
       <div className="mx-auto max-w-3xl px-4 pb-8">
-        <h1 className="mb-6 text-2xl font-bold text-white">Модерация</h1>
+        <div className="sticky top-6 z-10 -mx-4 mb-6 bg-[#0f172a] px-4 pb-3 pt-3">
+          <h1 className="mb-4 text-2xl font-bold text-white">Модерация</h1>
 
-        {actionMsg && (
-          <p className="mb-4 rounded-lg bg-green-500/10 px-4 py-2 text-sm text-green-400">{actionMsg}</p>
-        )}
+          {actionMsg && (
+            <p className="mb-4 rounded-lg bg-green-500/10 px-4 py-2 text-sm text-green-400">{actionMsg}</p>
+          )}
 
-        <div className="sticky top-6 z-10 -mx-4 mb-6 bg-[#0f172a] px-4 pb-3 pt-3 flex flex-wrap gap-2">
+          <div className="flex flex-wrap gap-2">
           {FILTERS.map((f) => (
             <button key={f.key} onClick={() => { setFilter(f.key); setActionMsg('') }}
               className={`rounded-lg px-4 py-2 text-sm transition ${
@@ -123,6 +124,7 @@ export default function AdminModerationPage() {
             </button>
           ))}
         </div>
+        </div>
 
         {loading ? (
           <p className="text-white/60">Загрузка...</p>