lunchtime/lunchtime-web
1
0 Fork 0
Code Issues 12 Pull Requests Actions Packages Releases Activity

Live picks: calmer banner colors and animation

Browse Source 
Co-Authored-By: Claude Sonnet 5.5 <noreply@anthropic.com>
This commit is contained in:
simandClaude Sonnet 5.5 committed 2026-11-06 14:07:18 +01:00
1 parent 2665d3e6e0
commit 8da4142165
1 file changed
+7 -7
Download Patch File Download Diff File Expand all files Collapse all files
src/frontend/src/styles.css
+7 -7
View File
@@ -186,17 +186,17 @@
font-weight: 600;
text-align: left;
cursor: pointer;
background: linear-gradient(110deg, #c2410c, #f59e0b, #ea580c, #c2410c);
background: linear-gradient(110deg, #b4562a, #c97a35, #bb6330, #b4562a);
background-size: 300% 100%;
animation: live-flow 6s linear infinite;
box-shadow: 0 4px 14px rgba(194, 65, 12, 0.35);
animation: live-flow 10s linear infinite;
box-shadow: 0 3px 10px rgba(180, 86, 42, 0.25);
}
.live-banner-text { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.live-banner > .anticon:first-child { animation: live-zap 1.6s ease-in-out infinite; }
.live-chevron { transition: transform 0.2s; }
.live-chevron.open { transform: rotate(180deg); }
@keyframes live-flow { to { background-position: -300% 0; } }
@keyframes live-zap { 50% { transform: scale(1.25); filter: drop-shadow(0 0 4px #fff); } }
@keyframes live-zap { 50% { transform: scale(1.15); filter: drop-shadow(0 0 3px rgba(255, 255, 255, 0.7)); } }
.live-banner.closed { background: #6b6560; animation: none; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2); }
.live-banner.closed > .anticon:first-child { animation: none; }
.live-fab-wrap {
@@ -223,8 +223,8 @@
color: #fff;
font-size: 18px;
cursor: pointer;
background: linear-gradient(135deg, #ea580c, #f59e0b);
box-shadow: 0 6px 18px rgba(194, 65, 12, 0.45);
background: linear-gradient(135deg, #b4562a, #c97a35);
box-shadow: 0 4px 12px rgba(180, 86, 42, 0.35);
}
.live-fab:not(.closed) .live-fab-icon { display: inline-block; animation: live-zap 1.6s ease-in-out infinite; }
.live-fab.closed { background: #6b6560; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25); }
@@ -242,7 +242,7 @@
font-size: 12px;
font-weight: 700;
line-height: 20px;
color: #c2410c;
color: #b4562a;
background: #fff;
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.35);
}