Forráskód Böngészése

fix(admin): фиксированная ширина кнопок для совпадения позиций при анимации

neyrogovnarik 2 hete
szülő
commit
7b97fd1bae
1 módosított fájl, 4 hozzáadás és 4 törlés
  1. 4 4
      frontend/src/app/admin/tags/page.tsx

+ 4 - 4
frontend/src/app/admin/tags/page.tsx

@@ -181,7 +181,7 @@ export default function AdminTagsPage() {
               <div className="flex items-center gap-2 shrink-0">
                 <span className="text-xs text-white/40">{tag.id}</span>
                 <div className="relative h-5 w-12 overflow-hidden">
-                  <div className={`absolute inset-0 flex items-center gap-2 transition-all duration-200 ${
+                  <div className={`absolute inset-0 flex items-center gap-2 [&>button]:w-5 transition-all duration-200 ${
                     showConfirm ? '-translate-y-full opacity-0' : 'translate-y-0 opacity-100'
                   }`}>
                     <button onClick={() => startEditTag(tag)}
@@ -195,7 +195,7 @@ export default function AdminTagsPage() {
                       🗑️
                     </button>
                   </div>
-                  <div className={`absolute inset-0 flex items-center gap-2 transition-all duration-200 ${
+                  <div className={`absolute inset-0 flex items-center gap-2 [&>button]:w-5 transition-all duration-200 ${
                     showConfirm ? 'translate-y-0 opacity-100' : 'translate-y-full opacity-0'
                   }`}>
                     <button onClick={() => isEditing ? saveTag(tag.id) : confirmDeleteTag(tag.id)}
@@ -254,7 +254,7 @@ export default function AdminTagsPage() {
               <div className="flex items-center gap-2 shrink-0">
                 <span className="text-xs text-white/40">{feat.id}</span>
                 <div className="relative h-5 w-12 overflow-hidden">
-                  <div className={`absolute inset-0 flex items-center gap-2 transition-all duration-200 ${
+                  <div className={`absolute inset-0 flex items-center gap-2 [&>button]:w-5 transition-all duration-200 ${
                     showConfirmFeat ? '-translate-y-full opacity-0' : 'translate-y-0 opacity-100'
                   }`}>
                     <button onClick={() => startEditFeature(feat)}
@@ -268,7 +268,7 @@ export default function AdminTagsPage() {
                       🗑️
                     </button>
                   </div>
-                  <div className={`absolute inset-0 flex items-center gap-2 transition-all duration-200 ${
+                  <div className={`absolute inset-0 flex items-center gap-2 [&>button]:w-5 transition-all duration-200 ${
                     showConfirmFeat ? 'translate-y-0 opacity-100' : 'translate-y-full opacity-0'
                   }`}>
                     <button onClick={() => isEditingFeat ? saveFeature(feat.id) : confirmDeleteFeature(feat.id)}