Foro: botones con el estilo del tema y sin descuadres
Los botones del foro usaban un dorado propio; ahora comparten el lenguaje del <button> del tema (fondo translúcido, texto crema en mayúsculas, aclara al hover), el mismo que sale como «Editar» en el resto de la web. Arreglos de maquetación: - Altura fija (42px) con inline-flex en .nice_button: los <button> heredaban height:50px del tema y los <a> no, y en la misma fila quedaban a distinta altura (se notaba sobre todo en «Borrar», que es un <button>). - Se quita el height:20px del <li> de post_controls, que aplastaba los botones. - Texto de los enlaces-botón forzado a crema: el a:link/:visited del tema (más específico) pintaba de azul el texto de «Crear tema». - «Editar», «Borrar» y «Desbloquear» pasan a .nice_button para que toda la fila de acciones sea homogénea. Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
This commit is contained in:
@@ -7,7 +7,7 @@ import { Link } from '@/i18n/navigation'
|
||||
export function EditPostForm({ postId }: { postId: number; initialText?: string }) {
|
||||
const t = useTranslations('Forum')
|
||||
return (
|
||||
<Link className="edit" href={`/forum/edit/${postId}`}>
|
||||
<Link className="nice_button" href={`/forum/edit/${postId}`}>
|
||||
{t('edit')}
|
||||
</Link>
|
||||
)
|
||||
|
||||
@@ -43,25 +43,23 @@ export function ForumModActions({
|
||||
|
||||
return (
|
||||
<>
|
||||
<a
|
||||
className="delete"
|
||||
role="button"
|
||||
tabIndex={0}
|
||||
<button
|
||||
type="button"
|
||||
className="nice_button"
|
||||
onClick={() => act(deleted ? 'undelete' : 'delete')}
|
||||
style={busy ? { opacity: 0.5 } : undefined}
|
||||
disabled={busy}
|
||||
>
|
||||
{deleted ? t('undelete') : t('delete')}
|
||||
</a>
|
||||
</button>
|
||||
{kind === 'topic' && (
|
||||
<a
|
||||
className="lock"
|
||||
role="button"
|
||||
tabIndex={0}
|
||||
<button
|
||||
type="button"
|
||||
className="nice_button"
|
||||
onClick={() => act(locked ? 'unlock' : 'lock')}
|
||||
style={busy ? { opacity: 0.5 } : undefined}
|
||||
disabled={busy}
|
||||
>
|
||||
{locked ? t('unlock') : t('lock')}
|
||||
</a>
|
||||
</button>
|
||||
)}
|
||||
</>
|
||||
)
|
||||
|
||||
Reference in New Issue
Block a user