Adjust countdown and page navigation

This commit is contained in:
devRaGonSa
2026-06-11 10:01:26 +02:00
parent 00e85d4708
commit d6f1739160
5 changed files with 92 additions and 16 deletions

View File

@@ -617,10 +617,9 @@ h2 {
.release-countdown {
margin-top: 18px;
display: grid;
grid-template-columns: minmax(0, 0.85fr) minmax(360px, 1.15fr);
align-items: center;
gap: 18px;
display: flex;
flex-direction: column;
gap: 14px;
padding: 18px;
border: 1px solid rgba(210, 182, 118, 0.24);
border-radius: 18px;
@@ -635,12 +634,17 @@ h2 {
.release-countdown__copy {
min-width: 0;
padding: 11px 16px;
border: 1px solid rgba(168, 199, 109, 0.3);
border-radius: 999px;
background: rgba(62, 88, 43, 0.62);
}
.release-countdown__copy h3 {
margin: 0;
font-size: clamp(1.15rem, 1.8vw, 1.55rem);
line-height: 1.2;
color: var(--text-main);
font-size: clamp(0.95rem, 1.45vw, 1.12rem);
line-height: 1.25;
}
.release-countdown__units {

View File

@@ -14,13 +14,24 @@
</head>
<body>
<div class="page-shell historical-shell">
<nav class="public-nav" aria-label="Navegación pública principal">
<a class="public-nav__link" href="./index.html">
Inicio
</a>
<a class="public-nav__link" href="./historico.html">
Histórico
</a>
<a class="public-nav__link" href="./stats.html">
Estadísticas
</a>
<a class="public-nav__link" href="./ranking.html">
Ranking
</a>
</nav>
<header class="hero historical-hero">
<div class="hero__overlay"></div>
<div class="hero__content historical-hero__content">
<div class="historical-hero__topline">
<a class="secondary-button secondary-button--ghost" href="./historico.html">
VOLVER HISTORICO
</a>
<p class="eyebrow">Detalle interno</p>
</div>
<div class="historical-hero__layout">

View File

@@ -93,7 +93,6 @@
aria-labelledby="release-countdown-title"
>
<div class="release-countdown__copy">
<p class="eyebrow eyebrow--section">Hell Let Loose Vietnam</p>
<h3 id="release-countdown-title">
Fecha de lanzamiento de Hell Let Loose Vietnam (13 de agosto)
</h3>

View File

@@ -32,9 +32,6 @@
<div class="hero__overlay"></div>
<div class="hero__content historical-hero__content">
<div class="historical-hero__topline">
<a class="secondary-button secondary-button--ghost" href="./index.html">
VOLVER INICIO
</a>
<p class="eyebrow">Partida en vivo</p>
</div>
<div class="historical-hero__layout">
@@ -58,9 +55,6 @@
</p>
</div>
<div class="hero__actions">
<a class="secondary-button" id="current-match-history" href="./historico.html">
Abrir historico
</a>
<a
class="secondary-button"
id="current-match-scoreboard"