feat: responsive header

This commit is contained in:
2026-07-24 17:28:40 +02:00
parent 3d7c0d2332
commit e85616eacc
15 changed files with 324 additions and 261 deletions
+2 -1
View File
@@ -47,7 +47,8 @@
}
@keyframes pulse {
0%, 100% {
0%,
100% {
transform: scale(1);
opacity: 1;
}
+3 -6
View File
@@ -1,17 +1,14 @@
import "./Led.css"
import './Led.css';
type LedProps = {
status?: 'connected' | 'connecting' | 'disconnected';
className?: string;
};
export function Led({
status = 'disconnected',
className = '',
}: LedProps) {
export function Led({ status = 'disconnected', className = '' }: LedProps) {
return (
<span className={['led', className].filter(Boolean).join(' ')}>
<span className={`led-dot led-dot--${status}`} />
</span>
);
}
}