dvorakmortonxd/dvorakmortonxd.dev
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

windows stop 10px above the taskbar instead of overlapping it

Browse source
This commit is contained in:
Martin Dvořák 2026-09-24 14:55:13 +00:00
commit 19838832d7
2 changed files with 9 additions and 9 deletions
Download patch file Download diff file Expand all files Collapse all files

10
src/app/components/WindowsDesktop.tsx
View file

@ -9,11 +9,11 @@ import { useTheme } from "./useTheme";
import { useDesktopIcons } from "./useDesktopIcons";
import { WALLPAPER, friends } from "../data";
// The panel is anchored at `bottom: 10px` and is 44px tall, so its top edge is
// 54px above the viewport bottom. Windows clamp at 44px from the bottom, i.e.
// they tuck 10px behind the panel's top edge - a slight overlap that reads
// better than stopping dead flush.
const TASKBAR_HEIGHT = 44;
// The panel sits at `bottom: 10px` with a height of 44px, so its top edge is
// 54px above the viewport bottom. Windows clamp 10px above that, so a dragged
// window stops just above the taskbar with a small gap instead of touching or
// overlapping it.
const TASKBAR_HEIGHT = 64;
const LEFT_APPS = APPS.filter((a) => a.id !== "services" && a.id !== "friends");