mirror of
https://github.com/firestar5683/StarPilot.git
synced 2026-11-12 23:43:44 +08:00
Prabhaav Pillai
21806fa504
Updated headers and descriptions across various pages to enhance user understanding. Added navigation and interaction improvements in the logs, longitudinal curves, and model laboratory sections. Enhanced error handling and user notifications in map operations and vehicle controls. Improved accessibility features, including ARIA labels and roles for better screen reader support. Consolidated and clarified messages related to software updates and branch selections. Streamlined the layout and organization of settings and configuration pages for better usability. Smoother Transitions
27 lines
2.6 KiB
CSS
27 lines
2.6 KiB
CSS
/* Offline road maps for the Android Auto overlay (#/navigation, Offline Maps tab). */
|
|
.gx-navigation__offline { display: grid; gap: 16px; padding: 0 0 96px; }
|
|
.gx-offline-roads { padding: 24px; display: grid; gap: 14px; }
|
|
/* Keep the section header flush with the card's rounded top like every other Galaxy card. */
|
|
.gx-offline-roads > .gx-section__header { margin: -24px -24px 0; }
|
|
.gx-offline-roads__stats { display: grid; grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)); gap: 10px; }
|
|
.gx-offline-roads__stat { display: grid; gap: 2px; padding: 12px 14px; border-radius: 14px; background: color-mix(in srgb, currentColor 6%, transparent); }
|
|
.gx-offline-roads__stat span { font-size: .78rem; opacity: .7; }
|
|
.gx-offline-roads__stat strong { font-size: 1.05rem; }
|
|
.gx-offline-roads__stat small { opacity: .7; font-size: .76rem; display: flex; flex-wrap: wrap; gap: 4px 12px; }
|
|
.gx-offline-roads__stat--wide { grid-column: 1 / -1; }
|
|
.gx-offline-roads__bar { display: flex; height: 8px; border-radius: 6px; overflow: hidden; background: color-mix(in srgb, currentColor 12%, transparent); margin: 6px 0 2px; }
|
|
.gx-offline-roads__bar i { display: block; height: 100%; transition: width .4s ease; }
|
|
.gx-offline-roads__legend { display: inline-flex; align-items: center; gap: 6px; }
|
|
.gx-offline-roads__legend b { width: 8px; height: 8px; border-radius: 50%; display: inline-block; }
|
|
.gx-offline-roads__picker { display: grid; grid-template-columns: minmax(0, 2fr) minmax(240px, 1fr); gap: 14px; align-items: start; }
|
|
@media (max-width: 760px) { .gx-offline-roads__picker { grid-template-columns: 1fr; } }
|
|
.gx-offline-roads__map { position: relative; border-radius: 16px; overflow: hidden; background: #0e0e1a; height: 340px; }
|
|
.gx-offline-roads__map canvas { width: 100%; height: 100%; display: block; cursor: crosshair; touch-action: none; }
|
|
.gx-offline-roads__map .gx-navigation-map__controls { position: absolute; right: 10px; top: 10px; display: grid; gap: 6px; }
|
|
.gx-offline-roads__hint { position: absolute; left: 12px; bottom: 10px; padding: 6px 10px; border-radius: 10px; background: #0e0e1acc; color: #e8e6f5; font-size: .8rem; pointer-events: none; }
|
|
.gx-offline-roads__form { display: grid; gap: 8px; }
|
|
.gx-offline-roads__areas { list-style: none; margin: 0; padding: 0; display: grid; gap: 8px; }
|
|
.gx-offline-roads__areas li { display: flex; justify-content: space-between; align-items: center; gap: 12px; padding: 12px 14px; border-radius: 14px; background: color-mix(in srgb, currentColor 5%, transparent); }
|
|
.gx-offline-roads__area { display: grid; gap: 2px; min-width: 0; flex: 1; }
|
|
.gx-offline-roads__area small { opacity: .72; }
|