web-next: mover «Panel de administración» dentro de «Opciones de cuenta»

Antes era un tool-button suelto a ancho completo (podía desbordarse). Ahora
es una celda más de la rejilla de 2 columnas del panel «Opciones de cuenta»
(solo admins), con el mismo contorno/ancho que el resto (Token de seguridad,
etc.). Utilidades y Herramientas se mantiene igual.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
This commit is contained in:
2026-07-13 11:09:10 +00:00
parent 6337de73ad
commit d6acba4ad5
+2 -12
View File
@@ -18,6 +18,8 @@ export function AccountTools({ isAdmin }: { isAdmin: boolean }) {
{ href: '/security-token', icon: 'token-icon', label: t('svcToken'), desc: t('svcTokenDesc') },
{ href: '/recruit', icon: 'recruit-a-friend-icon', label: t('svcRecruit'), desc: t('svcRecruitDesc') },
{ href: '/vote-points', icon: 'vote-icon', label: t('svcVote'), desc: t('svcVoteDesc') },
// Panel de administración: una tool-button más dentro de «Opciones de cuenta» (solo admins).
...(isAdmin ? [{ href: '/admin', icon: 'store-icon', label: `🛡️ ${t('adminPanel')}`, desc: t('adminPanelDesc') }] : []),
]
const characterTools: Tool[] = [
{ href: '/unstuck', icon: 'unstuck-icon', label: t('svcUnstuck'), desc: t('svcUnstuckDesc') },
@@ -34,18 +36,6 @@ export function AccountTools({ isAdmin }: { isAdmin: boolean }) {
return (
<div className="body-box-content-account">
{isAdmin && (
<Link href="/admin">
<div className="tool-button">
<div className="acc-icon store-icon"></div>
<div className="tool-button-div">
<span className="yellow-info shadow">🛡 {t('adminPanel')}</span>
<br />
<span className="second-brown shadow">{t('adminPanelDesc')}</span>
</div>
</div>
</Link>
)}
<Panel id="account-settings" arrow="fa-arrow-down-account" title={t('accountOptions')} tools={accountTools} />
<Panel id="character-settings" arrow="fa-arrow-down-character" title={t('characterOptions')} tools={characterTools} />
</div>