lukasandClaude Sonnet 5
0d8f8f8148
- Convert getRouter, OrderingPage, and OrderStatusRoute from function declarations to arrow functions - Migrate header-user.tsx off raw Tailwind classes onto a co-located SCSS module, and remove Tailwind entirely (deps, Vite plugin, styles.css) since it was the only consumer and duplicated the documented SCSS Modules system - Fix CLAUDE.md's stale ~/ alias example and structure diagram to match the project's actual #/ and @/ aliases and directories Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
53 lines
781 B
SCSS
53 lines
781 B
SCSS
@use '../../styles/variables' as *;
|
|
|
|
.avatar {
|
|
height: 2rem;
|
|
width: 2rem;
|
|
background: $color-surface;
|
|
}
|
|
|
|
.avatarPulse {
|
|
animation: pulse 1.5s ease-in-out infinite;
|
|
}
|
|
|
|
.avatarInitial {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
font-size: 0.75rem;
|
|
font-weight: 500;
|
|
color: $color-text-muted;
|
|
}
|
|
|
|
.session {
|
|
display: flex;
|
|
align-items: center;
|
|
gap: $space-2;
|
|
}
|
|
|
|
.signOut {
|
|
flex: 1;
|
|
height: 2.25rem;
|
|
padding: 0 $space-3;
|
|
font-size: 0.875rem;
|
|
font-weight: 500;
|
|
background: $color-background;
|
|
color: $color-text;
|
|
border: 1px solid $color-border;
|
|
transition: background-color 0.15s ease;
|
|
|
|
&:hover {
|
|
background: $color-surface;
|
|
}
|
|
}
|
|
|
|
@keyframes pulse {
|
|
0%,
|
|
100% {
|
|
opacity: 1;
|
|
}
|
|
50% {
|
|
opacity: 0.5;
|
|
}
|
|
}
|