docs: update styles and add versioning functionality for improved documentation navigation

This commit is contained in:
ob-yalian
2026-04-24 16:10:04 +08:00
parent d3beec937e
commit ca00143cdd
7 changed files with 21 additions and 21 deletions
Binary file not shown.
Binary file not shown.
Binary file not shown.
+9 -9
View File
@@ -19,10 +19,10 @@
gap: 0.45rem; gap: 0.45rem;
min-width: 192px; min-width: 192px;
padding: 0.9rem 1rem; padding: 0.9rem 1rem;
border: 1px solid rgba(15, 23, 42, 0.14); border: 1px solid rgba(63, 63, 70, 0.24);
border-radius: 14px; border-radius: 14px;
background: rgba(255, 255, 255, 0.96); background: rgba(245, 245, 245, 0.96);
box-shadow: 0 18px 38px rgba(15, 23, 42, 0.16); box-shadow: 0 18px 38px rgba(63, 63, 70, 0.16);
backdrop-filter: blur(14px); backdrop-filter: blur(14px);
} }
@@ -31,7 +31,7 @@
font-weight: 700; font-weight: 700;
letter-spacing: 0.08em; letter-spacing: 0.08em;
text-transform: uppercase; text-transform: uppercase;
color: #5b6472; color: #52525b;
} }
.docs-version-switch__control { .docs-version-switch__control {
@@ -55,17 +55,17 @@
width: 100%; width: 100%;
min-height: 2.4rem; min-height: 2.4rem;
padding: 0 0.85rem; padding: 0 0.85rem;
border: 1px solid #c7d2e0; border: 1px solid #d4d4d8;
border-radius: 10px; border-radius: 10px;
background: #f8fbff; background: #e4e4e7;
color: #0f172a; color: #27272a;
font-size: 0.95rem; font-size: 0.95rem;
font-weight: 600; font-weight: 600;
} }
.docs-version-switch__select:focus { .docs-version-switch__select:focus {
outline: 2px solid rgba(22, 120, 184, 0.22); outline: 2px solid rgba(113, 113, 122, 0.22);
border-color: #1678b8; border-color: #71717a;
} }
@media (max-width: 768px) { @media (max-width: 768px) {
+6 -6
View File
@@ -5,12 +5,12 @@
align-items: center !important; align-items: center !important;
gap: 0.45rem !important; gap: 0.45rem !important;
margin: 0 !important; margin: 0 !important;
background: rgba(255,255,255,0.95) !important; background: rgba(245,245,245,0.95) !important;
border: 1px solid #ddd !important; border: 1px solid #d4d4d8 !important;
border-radius: 10px !important; border-radius: 10px !important;
padding: 8px 12px !important; padding: 8px 12px !important;
font-size: 0.9em !important; font-size: 0.9em !important;
box-shadow: 0 8px 22px rgba(15, 23, 42, 0.14) !important; box-shadow: 0 8px 22px rgba(63, 63, 70, 0.14) !important;
backdrop-filter: blur(5px) !important; backdrop-filter: blur(5px) !important;
transition: all 0.3s ease !important; transition: all 0.3s ease !important;
} }
@@ -26,15 +26,15 @@
} }
.lang-switch .lang-other { .lang-switch .lang-other {
color: #0078d4 !important; color: #52525b !important;
} }
.lang-switch .lang-other:hover { .lang-switch .lang-other:hover {
color: #106ebe !important; color: #27272a !important;
} }
.lang-switch .lang-current { .lang-switch .lang-current {
color: #333 !important; color: #18181b !important;
font-weight: bold !important; font-weight: bold !important;
} }
+6 -6
View File
@@ -5,12 +5,12 @@
align-items: center !important; align-items: center !important;
gap: 0.45rem !important; gap: 0.45rem !important;
margin: 0 !important; margin: 0 !important;
background: rgba(255,255,255,0.95) !important; background: rgba(245,245,245,0.95) !important;
border: 1px solid #ddd !important; border: 1px solid #d4d4d8 !important;
border-radius: 10px !important; border-radius: 10px !important;
padding: 8px 12px !important; padding: 8px 12px !important;
font-size: 0.9em !important; font-size: 0.9em !important;
box-shadow: 0 8px 22px rgba(15, 23, 42, 0.14) !important; box-shadow: 0 8px 22px rgba(63, 63, 70, 0.14) !important;
backdrop-filter: blur(5px) !important; backdrop-filter: blur(5px) !important;
transition: all 0.3s ease !important; transition: all 0.3s ease !important;
} }
@@ -26,15 +26,15 @@
} }
.lang-switch .lang-other { .lang-switch .lang-other {
color: #0078d4 !important; color: #52525b !important;
} }
.lang-switch .lang-other:hover { .lang-switch .lang-other:hover {
color: #106ebe !important; color: #27272a !important;
} }
.lang-switch .lang-current { .lang-switch .lang-current {
color: #333 !important; color: #18181b !important;
font-weight: bold !important; font-weight: bold !important;
} }