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