diff --git a/web/src/features/dev/debug/radial.ts b/web/src/features/dev/debug/radial.ts index 48dcd08..d09a634 100644 --- a/web/src/features/dev/debug/radial.ts +++ b/web/src/features/dev/debug/radial.ts @@ -9,7 +9,7 @@ export const debugRadial = () => { items: [ { icon: 'palette', label: 'Paint' }, { icon: 'warehouse', label: 'Garage' }, - { icon: 'palette', label: 'Quite long text' }, + { icon: 'palette', label: 'Quite long \ntext' }, { icon: 'palette', label: 'Paint' }, { icon: 'warehouse', label: 'Garage' }, ], diff --git a/web/src/features/menu/radial/index.tsx b/web/src/features/menu/radial/index.tsx index 5837658..0f433eb 100644 --- a/web/src/features/menu/radial/index.tsx +++ b/web/src/features/menu/radial/index.tsx @@ -155,8 +155,11 @@ const RadialMenu: React.FC = () => { height={25} fixedWidth /> - - {item.label} + + {item.label.includes(" \n") + ? item.label.split(" \n").map((value) => {value}) + : item.label + }