firegex/frontend
Domingo Dirutigliano 090d117115
Keep a dragged firewall rule at its measured width
The Card carried Mantine's `w="100%"` prop, whose style props land in the
style attribute after anything passed via `style`, so it overrode the pixel
width dnd measures at lift time. On a `position: fixed` element `100%`
resolves against the viewport rather than the list, so grabbing a rule
snapped the card from 734px to 798px and pushed it past the right edge.

Moving the width into `style`, ahead of the dnd spread, leaves normal flow
untouched and lets the measured width win while dragging.
2026-09-03 18:42:16 +02:00
..
public add: frontend update 2024-10-13 01:50:52 +02:00
src Keep a dragged firewall rule at its measured width 2026-09-03 18:42:16 +02:00
.env.demo Publish a browsable demo on GitHub Pages 2026-09-03 09:36:37 +02:00
bun.lock Update frontend dependencies to latest 2026-09-03 10:22:19 +02:00
index.html mantine update + passed to vite 2023-06-05 00:57:54 +02:00
package.json Update frontend dependencies to latest 2026-09-03 10:22:19 +02:00
README.md docs: update 2023-10-01 02:21:07 +02:00
tsconfig.json mantine update 2026-06-21 11:49:53 +02:00
vite.config.ts integrated and refactore docs + minor changes 2026-07-23 16:53:09 +02:00

Firegex Frontend

Firegex Frontend

The frontend of firegex is written using vite. The routing of the pages is managed by react-router 6 and the graphics is mainly managed by the framework Mantine and icons provided by React Icons. The style of the page is written with sass.

The page is auto-updated by a global timeout and also thanks to socket.io that raise an event triggering all parts of the app that requires fetch updated data from the backend, the update of these data.

GO BACK