mirror of
https://github.com/orbbec/OrbbecSDK_ROS2.git
synced 2026-10-12 23:39:50 +08:00
docs: update styles in version switch for improved aesthetics and consistency
This commit is contained in:
@@ -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(63, 63, 70, 0.24);
|
border: 1px solid rgba(82, 82, 91, 0.28);
|
||||||
border-radius: 14px;
|
border-radius: 14px;
|
||||||
background: rgba(245, 245, 245, 0.96);
|
background: rgba(228, 228, 231, 0.96);
|
||||||
box-shadow: 0 18px 38px rgba(63, 63, 70, 0.16);
|
box-shadow: 0 18px 38px rgba(63, 63, 70, 0.18);
|
||||||
backdrop-filter: blur(14px);
|
backdrop-filter: blur(14px);
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -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 #d4d4d8;
|
border: 1px solid #bcbcc4;
|
||||||
border-radius: 10px;
|
border-radius: 10px;
|
||||||
background: #e4e4e7;
|
background: #d4d4d8;
|
||||||
color: #27272a;
|
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(113, 113, 122, 0.22);
|
outline: 2px solid rgba(82, 82, 91, 0.24);
|
||||||
border-color: #71717a;
|
border-color: #52525b;
|
||||||
}
|
}
|
||||||
|
|
||||||
@media (max-width: 768px) {
|
@media (max-width: 768px) {
|
||||||
|
|||||||
@@ -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(245,245,245,0.95) !important;
|
background: rgba(228,228,231,0.95) !important;
|
||||||
border: 1px solid #d4d4d8 !important;
|
border: 1px solid #bcbcc4 !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(63, 63, 70, 0.14) !important;
|
box-shadow: 0 8px 22px rgba(63, 63, 70, 0.18) !important;
|
||||||
backdrop-filter: blur(5px) !important;
|
backdrop-filter: blur(5px) !important;
|
||||||
transition: all 0.3s ease !important;
|
transition: all 0.3s ease !important;
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -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(245,245,245,0.95) !important;
|
background: rgba(228,228,231,0.95) !important;
|
||||||
border: 1px solid #d4d4d8 !important;
|
border: 1px solid #bcbcc4 !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(63, 63, 70, 0.14) !important;
|
box-shadow: 0 8px 22px rgba(63, 63, 70, 0.18) !important;
|
||||||
backdrop-filter: blur(5px) !important;
|
backdrop-filter: blur(5px) !important;
|
||||||
transition: all 0.3s ease !important;
|
transition: all 0.3s ease !important;
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user