refactor(dl): séparer les styles de téléchargements
This commit is contained in:
@@ -0,0 +1,97 @@
|
|||||||
|
.versions-panel {
|
||||||
|
margin-top: 1rem;
|
||||||
|
padding: 1rem;
|
||||||
|
border-radius: 1rem;
|
||||||
|
background: rgba(255, 255, 255, 0.03);
|
||||||
|
border: 1px solid rgba(148, 163, 184, 0.08);
|
||||||
|
}
|
||||||
|
|
||||||
|
.latest-version h2 {
|
||||||
|
margin: 0 0 0.35rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.latest-row {
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
|
align-items: center;
|
||||||
|
gap: 1rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.latest-meta {
|
||||||
|
color: var(--muted);
|
||||||
|
font-size: 1.05rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.latest-actions {
|
||||||
|
display: flex;
|
||||||
|
gap: 0.6rem;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
}
|
||||||
|
|
||||||
|
.latest-note {
|
||||||
|
margin: 0.85rem 0 0;
|
||||||
|
color: var(--muted);
|
||||||
|
line-height: 1.6;
|
||||||
|
}
|
||||||
|
|
||||||
|
.versions-archive {
|
||||||
|
margin-top: 1rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.versions-list {
|
||||||
|
list-style: none;
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
display: grid;
|
||||||
|
gap: 0.75rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.version-item {
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
|
align-items: center;
|
||||||
|
gap: 1rem;
|
||||||
|
padding: 0.8rem 0.9rem;
|
||||||
|
border-radius: 0.8rem;
|
||||||
|
background: rgba(2, 6, 23, 0.24);
|
||||||
|
border: 1px solid rgba(148, 163, 184, 0.08);
|
||||||
|
}
|
||||||
|
|
||||||
|
.version-item-empty {
|
||||||
|
opacity: 0.8;
|
||||||
|
}
|
||||||
|
|
||||||
|
.version-main {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
gap: 0.2rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.version-main a {
|
||||||
|
color: #7dd3fc;
|
||||||
|
text-decoration: none;
|
||||||
|
width: fit-content;
|
||||||
|
}
|
||||||
|
|
||||||
|
.version-main a:hover {
|
||||||
|
text-decoration: underline;
|
||||||
|
}
|
||||||
|
|
||||||
|
.version-side {
|
||||||
|
display: flex;
|
||||||
|
gap: 0.5rem;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (max-width: 880px) {
|
||||||
|
|
||||||
|
.latest-row,
|
||||||
|
.version-item {
|
||||||
|
flex-direction: column;
|
||||||
|
align-items: flex-start;
|
||||||
|
}
|
||||||
|
|
||||||
|
.version-side {
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
}
|
||||||
@@ -1,24 +1,3 @@
|
|||||||
.versions-panel { margin-top: 1rem; padding: 1rem; border-radius: 1rem; background: rgba(255,255,255,0.03); border: 1px solid rgba(148,163,184,0.08); }
|
|
||||||
.latest-version h2 { margin: 0 0 0.35rem; }
|
|
||||||
.latest-row { display:flex; justify-content: space-between; align-items:center; gap:1rem; }
|
|
||||||
.latest-meta { color: var(--muted); font-size: 1.05rem; }
|
|
||||||
.latest-actions { display:flex; gap:0.6rem; flex-wrap: wrap; }
|
|
||||||
.latest-note { margin: 0.85rem 0 0; color: var(--muted); line-height: 1.6; }
|
|
||||||
|
|
||||||
.versions-archive { margin-top: 1rem; }
|
|
||||||
.versions-list { list-style:none; margin:0; padding:0; display:grid; gap:0.75rem; }
|
|
||||||
.version-item { display:flex; justify-content:space-between; align-items:center; gap:1rem; padding:0.8rem 0.9rem; border-radius:0.8rem; background: rgba(2,6,23,0.24); border: 1px solid rgba(148,163,184,0.08); }
|
|
||||||
.version-item-empty { opacity: 0.8; }
|
|
||||||
.version-main { display:flex; flex-direction:column; gap:0.2rem; }
|
|
||||||
.version-main a { color: #7dd3fc; text-decoration: none; width: fit-content; }
|
|
||||||
.version-main a:hover { text-decoration: underline; }
|
|
||||||
.version-side { display:flex; gap:0.5rem; flex-wrap: wrap; }
|
|
||||||
|
|
||||||
@media (max-width: 880px) {
|
|
||||||
.latest-row, .version-item { flex-direction: column; align-items: flex-start; }
|
|
||||||
.version-side { width: 100%; }
|
|
||||||
}
|
|
||||||
|
|
||||||
@import "./var.css";
|
@import "./var.css";
|
||||||
|
|
||||||
:root {
|
:root {
|
||||||
|
|||||||
+2
-1
@@ -5,6 +5,7 @@
|
|||||||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||||
<title>Téléchargements — FWS Linux</title>
|
<title>Téléchargements — FWS Linux</title>
|
||||||
<link rel="stylesheet" href="../assets/styles/main.css" />
|
<link rel="stylesheet" href="../assets/styles/main.css" />
|
||||||
|
<link rel="stylesheet" href="../assets/styles/downloads.css" />
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<main data-page-content>
|
<main data-page-content>
|
||||||
@@ -22,7 +23,7 @@
|
|||||||
</div>
|
</div>
|
||||||
<div class="latest-actions">
|
<div class="latest-actions">
|
||||||
<a class="button" data-latest-download href="#" target="_blank" rel="noreferrer">Télécharger</a>
|
<a class="button" data-latest-download href="#" target="_blank" rel="noreferrer">Télécharger</a>
|
||||||
<a class="button button-secondary" data-view-more href="https://github.com/You-re-like-Windows-a-bitch/ISO" target="_blank" rel="noreferrer">Voir plus</a>
|
<a class="button button-secondary" data-view-more href="https://github.com/You-re-like-Windows-a-bitch/ISO/releases" target="_blank" rel="noreferrer">Voir plus</a>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<p class="latest-note" data-current-release-note></p>
|
<p class="latest-note" data-current-release-note></p>
|
||||||
|
|||||||
Reference in New Issue
Block a user