FumeNodes/ox_lib
1
0
Fork 0
mirror of https://github.com/CommunityOx/ox_lib.git synced 2026-08-18 15:36:02 +01:00
Code Issues Packages Projects Releases Wiki Activity

refactor(web/menu): properly align circle menu labels

Browse Source
This commit is contained in:
Luke
2023-01-21 22:01:22 +01:00
parent 6c9d3d21cc
commit 1be71ea6ba
1 changed files with 3 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
web/src/features/menu/planet/index.tsx
View File

@@ -138,13 +138,10 @@ const PlanetMenu: React.FC = () => {
{menu.items.map((item, index) => { {menu.items.map((item, index) => {
// TODO: center labels and icon inside sector // TODO: center labels and icon inside sector
const pieAngle = 360 / menu.items.length; const pieAngle = 360 / menu.items.length;
const startAngle = index * pieAngle; const angle = degToRad(pieAngle / 2 + 90);
const endAngle = startAngle + pieAngle;
console.log(startAngle + endAngle / 2);
const angle = degToRad((startAngle + endAngle) / 2);
const radius = 250 / 2; const radius = 250 / 2;
const iconX = Math.sin(angle) * radius; const iconX = 250 + Math.sin(angle) * radius;
const iconY = Math.cos(angle) * radius; const iconY = 250 + Math.cos(angle) * radius;
return ( return (
<> <>