Эх сурвалжийг харах

Revert "fix(admin): горизонтальная анимация кнопок подтверждения/отмены"

This reverts commit f641b495a5735201739ca2ba5842b3122307e1b0.
neyrogovnarik 2 долоо хоног өмнө
parent
commit
bf098a7300

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

@@ -182,7 +182,7 @@ export default function AdminTagsPage() {
                 <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 ${
-                    showConfirm ? '-translate-x-full opacity-0' : 'translate-x-0 opacity-100'
+                    showConfirm ? '-translate-y-full opacity-0' : 'translate-y-0 opacity-100'
                   }`}>
                     <button onClick={() => startEditTag(tag)}
                       className="text-xs text-white/40 hover:text-white"
@@ -196,7 +196,7 @@ export default function AdminTagsPage() {
                     </button>
                   </div>
                   <div className={`absolute inset-0 flex items-center gap-2 transition-all duration-200 ${
-                    showConfirm ? 'translate-x-0 opacity-100' : 'translate-x-full opacity-0'
+                    showConfirm ? 'translate-y-0 opacity-100' : 'translate-y-full opacity-0'
                   }`}>
                     <button onClick={() => isEditing ? saveTag(tag.id) : confirmDeleteTag(tag.id)}
                       className={`text-xs hover:brightness-125 ${isEditing ? 'text-green-400 hover:text-green-300' : 'text-red-400 hover:text-red-300'}`}
@@ -255,7 +255,7 @@ export default function AdminTagsPage() {
                 <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 ${
-                    showConfirmFeat ? '-translate-x-full opacity-0' : 'translate-x-0 opacity-100'
+                    showConfirmFeat ? '-translate-y-full opacity-0' : 'translate-y-0 opacity-100'
                   }`}>
                     <button onClick={() => startEditFeature(feat)}
                       className="text-xs text-white/40 hover:text-white"
@@ -269,7 +269,7 @@ export default function AdminTagsPage() {
                     </button>
                   </div>
                   <div className={`absolute inset-0 flex items-center gap-2 transition-all duration-200 ${
-                    showConfirmFeat ? 'translate-x-0 opacity-100' : 'translate-x-full opacity-0'
+                    showConfirmFeat ? 'translate-y-0 opacity-100' : 'translate-y-full opacity-0'
                   }`}>
                     <button onClick={() => isEditingFeat ? saveFeature(feat.id) : confirmDeleteFeature(feat.id)}
                       className={`text-xs hover:brightness-125 ${isEditingFeat ? 'text-green-400 hover:text-green-300' : 'text-red-400 hover:text-red-300'}`}