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

style: frosted glass sidebars (backdrop-blur-xl, bg-white/40)

Browse Source 
Both sidebars get glassmorphism treatment so they stand out against
the scene background images.
This commit is contained in:
Dustin Newkirk
2026-06-05 14:57:12 -04:00
parent 08932068fd
commit 8543461195
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
@@ -136,7 +136,7 @@ export default function App() {
{/* ── Main three-column body ── */} {/* ── Main three-column body ── */}
<div className="flex-1 flex min-h-0 px-4 gap-4"> <div className="flex-1 flex min-h-0 px-4 gap-4">
{/* LEFT: Focus Timer + Chat + Input */} {/* LEFT: Focus Timer + Chat + Input */}
<div className="w-72 shrink-0 flex flex-col gap-3"> <div className="w-72 shrink-0 flex flex-col gap-3 bg-white/40 backdrop-blur-xl rounded-2xl p-3">
<div className="shrink-0"> <div className="shrink-0">
<Timer /> <Timer />
</div> </div>
@@ -172,7 +172,7 @@ export default function App() {
</div> </div>
{/* RIGHT: Ambient + Companions */} {/* RIGHT: Ambient + Companions */}
<div className="w-64 shrink-0 flex flex-col"> <div className="w-64 shrink-0 flex flex-col bg-white/40 backdrop-blur-xl rounded-2xl p-3">
<div className="flex-1 flex flex-col gap-3 overflow-y-auto"> <div className="flex-1 flex flex-col gap-3 overflow-y-auto">
<MusicPlayer /> <MusicPlayer />
<WhiteNoise /> <WhiteNoise />