valenti/vocero-client
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

refactor(frontend): migrate page layout and transcripts to Tailwind

Browse Source
This commit is contained in:
alvaro
2026-10-07 09:58:51 -03:00
parent 264d7905c6
commit f3bae8ae0c
8 changed files with 279 additions and 112 deletions
Download Patch File Download Diff File Expand all files Collapse all files
vocero-frontend/src/styles/theme.css
+27
View File
@@ -90,6 +90,27 @@
0 0 40px -10px color-mix(in srgb, var(--brand) 60%, transparent),
0 0 80px -30px color-mix(in srgb, var(--brand-2) 55%, transparent);
--shadow-glass: 0 8px 40px rgba(0, 0, 0, 0.32), 0 2px 8px rgba(0, 0, 0, 0.18);
--message-user-background: linear-gradient(
180deg,
color-mix(in srgb, var(--voice-user) 10%, var(--bg-elev-2)),
color-mix(in srgb, var(--voice-user) 6%, var(--bg-elev-2))
)
padding-box;
--message-assistant-background: linear-gradient(
180deg,
color-mix(in srgb, var(--voice-assistant) 10%, var(--bg-elev-2)),
color-mix(in srgb, var(--voice-assistant) 5%, var(--bg-elev-2))
)
padding-box;
--message-user-border: color-mix(in srgb, var(--voice-user) 44%, var(--border));
--message-assistant-border: color-mix(in srgb, var(--voice-assistant) 42%, var(--border));
--message-user-shadow:
0 10px 28px rgb(0 0 0 / 0.28), 0 0 0 1px color-mix(in srgb, var(--voice-user) 16%, rgb(255 255 255 / 0.05)) inset,
0 0 28px -14px color-mix(in srgb, var(--voice-user) 66%, transparent);
--message-assistant-shadow:
0 10px 28px rgb(0 0 0 / 0.28),
0 0 0 1px color-mix(in srgb, var(--voice-assistant) 14%, rgb(255 255 255 / 0.05)) inset,
0 0 28px -14px color-mix(in srgb, var(--voice-assistant) 62%, transparent);
color-scheme: dark;
}
@@ -133,6 +154,12 @@
--shadow-soft: 0 6px 20px rgba(15, 23, 42, 0.06);
--shadow-glow-brand: 0 0 28px -6px rgba(37, 99, 235, 0.45), 0 0 60px -18px rgba(59, 130, 246, 0.4);
--shadow-glass: 0 2px 12px rgba(15, 23, 42, 0.06), 0 1px 3px rgba(15, 23, 42, 0.04);
--message-user-background: #dbeafe;
--message-assistant-background: #f3f4f6;
--message-user-border: transparent;
--message-assistant-border: transparent;
--message-user-shadow: none;
--message-assistant-shadow: none;
--radius-sm: 10px;
--radius-md: 16px;