hobokenchicken/kira
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

ui: frosted glass on top and bottom bars

Browse Source
This commit is contained in:
Dustin Newkirk
2026-06-06 00:52:44 -04:00
parent f4bf201e38
commit 09a6993af3
1 changed files with 2 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/App.tsx
+2 -2
View File
@@ -117,7 +117,7 @@ export default function App() {
<Particles type={currentScene.particles ?? 'none'} /> <Particles type={currentScene.particles ?? 'none'} />
<div className="relative z-20 h-full flex flex-col"> <div className="relative z-20 h-full flex flex-col">
{/* ── Top bar: scene selector + clock ── */} {/* ── Top bar: scene selector + clock ── */}
<div className="flex items-center justify-between px-5 py-3 shrink-0"> <div className="flex items-center justify-between px-5 py-3 shrink-0 bg-white/40 backdrop-blur-xl rounded-2xl mx-4">
<div className="flex items-center gap-1"> <div className="flex items-center gap-1">
{SCENES.map((s) => ( {SCENES.map((s) => (
<button key={s.id} onClick={() => handleSceneChange(s.id)} <button key={s.id} onClick={() => handleSceneChange(s.id)}
@@ -174,7 +174,7 @@ export default function App() {
</div> </div>
{/* ── Bottom status bar ── */} {/* ── Bottom status bar ── */}
<div className="shrink-0 px-5 py-2 flex items-center justify-between text-[11px] text-kira-plum/30"> <div className="shrink-0 px-5 py-2 flex items-center justify-between text-[11px] text-kira-plum/30 bg-white/40 backdrop-blur-xl rounded-2xl mx-4">
<div className="flex items-center gap-2"> <div className="flex items-center gap-2">
<span className={`w-1.5 h-1.5 rounded-full ${ <span className={`w-1.5 h-1.5 rounded-full ${
isRecording ? 'bg-red-400 animate-pulse' isRecording ? 'bg-red-400 animate-pulse'