docs: implement versioning system and enhance documentation structure

2026-10-06 21:17:46 +08:00 · 2026-04-24 15:48:54 +08:00
parent a487e67e1c
commit 91e1a978e8
14 changed files with 845 additions and 45 deletions
@@ -0,0 +1,96 @@
+.docs-floating-switches {
+    position: fixed;
+    left: 24px;
+    bottom: 24px;
+    z-index: 1100;
+    display: flex;
+    flex-direction: column;
+    align-items: flex-start;
+    gap: 0.75rem;
+    max-width: calc(100vw - 48px);
+}
+
+.docs-floating-switches__item {
+    max-width: min(220px, calc(100vw - 48px));
+}
+
+.docs-version-switch {
+    display: grid;
+    gap: 0.45rem;
+    min-width: 192px;
+    padding: 0.9rem 1rem;
+    border: 1px solid rgba(15, 23, 42, 0.14);
+    border-radius: 14px;
+    background: rgba(255, 255, 255, 0.96);
+    box-shadow: 0 18px 38px rgba(15, 23, 42, 0.16);
+    backdrop-filter: blur(14px);
+}
+
+.docs-version-switch__header {
+    font-size: 0.74rem;
+    font-weight: 700;
+    letter-spacing: 0.08em;
+    text-transform: uppercase;
+    color: #5b6472;
+}
+
+.docs-version-switch__control {
+    display: grid;
+    gap: 0.25rem;
+}
+
+.docs-version-switch__label {
+    position: absolute;
+    width: 1px;
+    height: 1px;
+    padding: 0;
+    margin: -1px;
+    overflow: hidden;
+    clip: rect(0, 0, 0, 0);
+    white-space: nowrap;
+    border: 0;
+}
+
+.docs-version-switch__select {
+    width: 100%;
+    min-height: 2.4rem;
+    padding: 0 0.85rem;
+    border: 1px solid #c7d2e0;
+    border-radius: 10px;
+    background: #f8fbff;
+    color: #0f172a;
+    font-size: 0.95rem;
+    font-weight: 600;
+}
+
+.docs-version-switch__select:focus {
+    outline: 2px solid rgba(22, 120, 184, 0.22);
+    border-color: #1678b8;
+}
+
+@media (max-width: 768px) {
+    .docs-floating-switches {
+        left: 12px;
+        bottom: 12px;
+        gap: 0.55rem;
+        max-width: calc(100vw - 24px);
+    }
+
+    .docs-floating-switches__item {
+        max-width: calc(100vw - 24px);
+    }
+
+    .docs-version-switch {
+        min-width: 156px;
+        padding: 0.75rem 0.85rem;
+    }
+
+    .docs-version-switch__header {
+        font-size: 0.68rem;
+    }
+
+    .docs-version-switch__select {
+        min-height: 2.2rem;
+        font-size: 0.88rem;
+    }
+}