diff --git a/p/assets/styles/downloads.css b/p/assets/styles/downloads.css new file mode 100644 index 0000000..52322f1 --- /dev/null +++ b/p/assets/styles/downloads.css @@ -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%; + } +} \ No newline at end of file diff --git a/p/assets/styles/main.css b/p/assets/styles/main.css index 50ebbd2..f2e1eef 100644 --- a/p/assets/styles/main.css +++ b/p/assets/styles/main.css @@ -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"; :root { diff --git a/p/dl/index.html b/p/dl/index.html index 4dcc3c3..7f655cc 100644 --- a/p/dl/index.html +++ b/p/dl/index.html @@ -5,6 +5,7 @@