diff --git a/UI_REDESIGN.md b/UI_REDESIGN.md index 8f5d130ed..eef087bda 100644 --- a/UI_REDESIGN.md +++ b/UI_REDESIGN.md @@ -496,7 +496,7 @@ top-anchored overlay: - elevated shell with hairline ring and modal shadow (not a heavy floating card); - recessed-neutral header strip with outline search glyph and 14px input; -- compact `⌘K` / `/` / `ESC` kbd chips matching the sidebar search trigger; +- compact OS-aware mod+K (`⌘K` on macOS, `Ctrl+K` on Windows/Linux) / `/` / `ESC` kbd chips matching the sidebar search trigger; - nested base-color results body with group labels in sentence case; - dense result rows as inset 6px-radius pills (listbox anatomy), not full-bleed bars with global focus rings; @@ -511,7 +511,7 @@ top-anchored overlay: `application-settings-section` layer-card shell. Preserve keyboard navigation (arrow keys, Enter via focused links, Escape to -clear then close), `/` and `⌘K` open shortcuts, and the multi-step +clear then close), `/` and mod+K (⌘K / Ctrl+K by OS) open shortcuts, and the multi-step server → destination → project → environment create flow. ### Toasts diff --git a/resources/css/app.css b/resources/css/app.css index c8fe49a65..c64f9311e 100644 --- a/resources/css/app.css +++ b/resources/css/app.css @@ -1079,6 +1079,33 @@ body.terminal-is-fullscreen .terminal-fullscreen-shell [data-terminal-mobile-too padding: 1rem; } +.settings-mobile-header { + margin-bottom: 1.25rem; +} + +.settings-mobile-title { + font-size: 1.5rem; + font-weight: 600; + line-height: 1.75rem; + letter-spacing: -0.025em; + color: #000000; +} + +.dark .settings-mobile-title { + color: #ffffff; +} + +.settings-mobile-description { + margin-top: 0.25rem; + font-size: 0.8125rem; + line-height: 1.25rem; + color: #737373; +} + +.dark .settings-mobile-description { + color: var(--coollabs-subtle); +} + /* All settings sidebars share one alignment rule. Keep the sticky offset equal to the desktop main-content top padding so the menu does not jump upward when it changes from its natural position to sticky positioning. */ diff --git a/resources/views/components/navbar.blade.php b/resources/views/components/navbar.blade.php index c6016b8ce..88e23f1f5 100644 --- a/resources/views/components/navbar.blade.php +++ b/resources/views/components/navbar.blade.php @@ -15,6 +15,12 @@ @mouseleave="tooltip.show = false" x-data="{ tooltip: { text: '', x: 0, y: 0, show: false }, + // macOS/iOS use ⌘; Windows/Linux use Ctrl+ + modKeyLabel: (() => { + const platform = navigator.userAgentData?.platform || navigator.platform || ''; + const ua = navigator.userAgent || ''; + return /Mac|iPhone|iPad|iPod/i.test(platform) || /Mac OS X|Macintosh/i.test(ua) ? '⌘' : 'Ctrl+'; + })(), init() { window.matchMedia('(prefers-color-scheme: dark)').addEventListener('change', e => { const userSettings = localStorage.getItem('theme'); @@ -45,7 +51,8 @@ {{-- Search is only useful when workspace resources are available --}} @if (isSubscribed() || ! isCloud())
Configure how your team receives deployment and system alerts.
+