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

fix(layout): pin PetZone to bottom of right sidebar, separate from scrollable content

Browse Source
This commit is contained in:
Dustin Newkirk
2026-06-05 13:48:53 -04:00
parent 7f11ff83f0
commit 04ad706de6
1 changed files with 9 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/App.tsx
+5 -1
View File
@@ -163,13 +163,17 @@ export default function App() {
</div> </div>
{/* RIGHT: Ambient + Companions */} {/* RIGHT: Ambient + Companions */}
<div className="w-64 shrink-0 flex flex-col gap-3 overflow-y-auto"> <div className="w-64 shrink-0 flex flex-col">
<div className="flex-1 flex flex-col gap-3 overflow-y-auto">
<MusicPlayer /> <MusicPlayer />
<WhiteNoise /> <WhiteNoise />
<Wardrobe onOutfitChange={handleOutfitChange} onAccessoryChange={handleAccessoryChange} /> <Wardrobe onOutfitChange={handleOutfitChange} onAccessoryChange={handleAccessoryChange} />
</div>
<div className="shrink-0 pt-2">
<PetZone /> <PetZone />
</div> </div>
</div> </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">