fix(ui): pin iwooos shortcut in mobile header
Some checks failed
CD Pipeline / workflow-shape (push) Successful in 0s
CD Pipeline / cancel-stale-cd (push) Has been skipped
CD Pipeline / tests (push) Successful in 31s
CD Pipeline / post-deploy-checks (push) Has been cancelled
CD Pipeline / build-and-deploy (push) Has been cancelled
Some checks failed
CD Pipeline / workflow-shape (push) Successful in 0s
CD Pipeline / cancel-stale-cd (push) Has been skipped
CD Pipeline / tests (push) Successful in 31s
CD Pipeline / post-deploy-checks (push) Has been cancelled
CD Pipeline / build-and-deploy (push) Has been cancelled
This commit is contained in:
@@ -55,6 +55,8 @@ export function Header({
|
||||
}, [locale, pathname])
|
||||
|
||||
const brandWidth = compact ? 64 : sidebarCollapsed ? 64 : 224
|
||||
const iwooosHref = `/${locale}/iwooos`
|
||||
const iwooosActive = pathname === iwooosHref || pathname.startsWith(`${iwooosHref}/`)
|
||||
|
||||
return (
|
||||
<header
|
||||
@@ -146,6 +148,34 @@ export function Header({
|
||||
</button>
|
||||
)}
|
||||
|
||||
{compact && (
|
||||
<a
|
||||
href={iwooosHref}
|
||||
aria-label={tSidebar('iwooos')}
|
||||
title={tSidebar('iwooos')}
|
||||
style={{
|
||||
height: 38,
|
||||
minWidth: 92,
|
||||
borderRadius: 8,
|
||||
border: '0.5px solid',
|
||||
borderColor: iwooosActive ? '#d97757' : '#d8d4c8',
|
||||
background: iwooosActive ? 'rgba(217,119,87,0.1)' : '#fff',
|
||||
color: iwooosActive ? '#141413' : '#334155',
|
||||
display: 'inline-flex',
|
||||
alignItems: 'center',
|
||||
justifyContent: 'center',
|
||||
gap: 6,
|
||||
textDecoration: 'none',
|
||||
fontSize: 13,
|
||||
fontWeight: 700,
|
||||
flexShrink: 0,
|
||||
}}
|
||||
>
|
||||
<ShieldCheck size={16} aria-hidden="true" strokeWidth={2.2} />
|
||||
<span style={{ lineHeight: 1, whiteSpace: 'nowrap' }}>{tSidebar('iwooos')}</span>
|
||||
</a>
|
||||
)}
|
||||
|
||||
{/* Page title */}
|
||||
<span style={{
|
||||
fontFamily: 'var(--font-heading), Syne, sans-serif',
|
||||
|
||||
Reference in New Issue
Block a user