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

2026-06-05 13:48:53 -04:00
parent 7f11ff83f0
commit 04ad706de6
1 changed files with 9 additions and 5 deletions
@@ -163,11 +163,15 @@ export default function App() {
          </div>

          {/* RIGHT: Ambient + Companions */}
-          <div className="w-64 shrink-0 flex flex-col gap-3 overflow-y-auto">
-            <MusicPlayer />
-            <WhiteNoise />
-            <Wardrobe onOutfitChange={handleOutfitChange} onAccessoryChange={handleAccessoryChange} />
-            <PetZone />
+          <div className="w-64 shrink-0 flex flex-col">
+            <div className="flex-1 flex flex-col gap-3 overflow-y-auto">
+              <MusicPlayer />
+              <WhiteNoise />
+              <Wardrobe onOutfitChange={handleOutfitChange} onAccessoryChange={handleAccessoryChange} />
+            </div>
+            <div className="shrink-0 pt-2">
+              <PetZone />
+            </div>
          </div>
        </div>