web-next: changelogs 5 por página + paginación con estilo del tema
- /changelogs pasa a 5 commits por página. - Botones de paginación (.nw-page-link) con el estilo de los botones del tema: fondo tenue hsla, borde, padding y hover como el resto de la web; la página actual en dorado. También afecta a la paginación del foro (consistencia). Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
This commit is contained in:
@@ -29,7 +29,7 @@ export default async function ChangelogsPage({
|
|||||||
const sp = await searchParams
|
const sp = await searchParams
|
||||||
const page = Math.max(1, Number(sp.page) || 1)
|
const page = Math.max(1, Number(sp.page) || 1)
|
||||||
setRequestLocale(locale)
|
setRequestLocale(locale)
|
||||||
const { commits, totalPages } = await getCommits(page, 10)
|
const { commits, totalPages } = await getCommits(page, 5)
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<div className="main-page">
|
<div className="main-page">
|
||||||
|
|||||||
@@ -101,20 +101,26 @@ textarea:focus {
|
|||||||
background: hsla(0, 0%, 100%, 0.1);
|
background: hsla(0, 0%, 100%, 0.1);
|
||||||
color: #fff;
|
color: #fff;
|
||||||
}
|
}
|
||||||
|
/* Paginación con el estilo de los botones del tema (borde + fondo tenue + hover). */
|
||||||
.nw-page-link {
|
.nw-page-link {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
min-width: 34px;
|
min-width: 42px;
|
||||||
padding: 4px 8px;
|
padding: 9px 14px;
|
||||||
margin: 0 2px;
|
margin: 0 3px;
|
||||||
border: 2px solid #352e2b;
|
border: 2px solid #352e2b;
|
||||||
color: #2471a9;
|
background: hsla(0, 0%, 100%, 0.05);
|
||||||
|
color: #ebdec2;
|
||||||
|
text-align: center;
|
||||||
|
transition: 0.3s;
|
||||||
}
|
}
|
||||||
.nw-page-link:hover {
|
.nw-page-link:hover {
|
||||||
|
background: hsla(0, 0%, 100%, 0.1);
|
||||||
color: #fff;
|
color: #fff;
|
||||||
}
|
}
|
||||||
.nw-page-current {
|
.nw-page-current {
|
||||||
border-color: #b17c02;
|
border-color: #b17c02;
|
||||||
color: #d79602;
|
color: #d79602;
|
||||||
|
background: hsla(40, 90%, 45%, 0.12);
|
||||||
}
|
}
|
||||||
/* Contenido de posts del foro */
|
/* Contenido de posts del foro */
|
||||||
.post-content {
|
.post-content {
|
||||||
|
|||||||
Reference in New Issue
Block a user