a16988b957
* feat(debug-store): Zustand store met hydration-flag voor debug-modus * feat(status-bar): dev-only debug-toggle via geïsoleerde sub-component * feat(globals.css): debug-mode overlay CSS voor data-debug-id elementen * feat(shared): data-debug-id+label op navigatie-componenten * feat(shared): data-debug-id+label op form/select-componenten * feat(shared): data-debug-id+label op display-componenten
14 lines
509 B
TypeScript
14 lines
509 B
TypeScript
'use client'
|
|
|
|
// Shows a warning banner on screens narrower than 1024px.
|
|
export function MinWidthBanner() {
|
|
return (
|
|
<div
|
|
data-debug-id="min-width-banner"
|
|
data-debug-label="MinWidthBanner — shared/min-width-banner.tsx"
|
|
className="lg:hidden bg-warning/10 border-b border-warning/30 px-4 py-2 text-center text-xs text-warning"
|
|
>
|
|
Scrum4Me is ontworpen voor schermen van minimaal 1024px breed. Sommige functies zijn mogelijk niet goed bruikbaar op dit scherm.
|
|
</div>
|
|
)
|
|
}
|