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): fix alignment

Browse Source 
I am web dev now
This commit is contained in:
DokaDoka
2023-01-23 00:31:26 +11:00
parent 819bb60bd3
commit b09ca41001
1 changed files with 4 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -141,8 +141,8 @@ const PlanetMenu: React.FC = () => {
<svg width="350px" height="350px" transform="rotate(90)"> <svg width="350px" height="350px" transform="rotate(90)">
{menu.items.map((item, index) => { {menu.items.map((item, index) => {
const pieAngle = 360 / menu.items.length; const pieAngle = 360 / menu.items.length;
const angle = degToRad(pieAngle / 2 + 90); const angle = degToRad(pieAngle/ 2 + 90);
const radius = 175 / 2; const radius = 175 * 0.65;
const iconX = 175 + Math.sin(angle) * radius; const iconX = 175 + Math.sin(angle) * radius;
const iconY = 175 + Math.cos(angle) * radius; const iconY = 175 + Math.cos(angle) * radius;
@@ -156,8 +156,8 @@ const PlanetMenu: React.FC = () => {
} z`} } z`}
/> />
<g transform={`rotate(${index * pieAngle - 90} ${iconX} ${iconY})`} pointerEvents="none"> <g transform={`rotate(${index * pieAngle - 90} ${iconX} ${iconY})`} pointerEvents="none">
<FontAwesomeIcon x={iconX - 13} y={iconY - 35} icon={item.icon} width={25} height={25} fixedWidth /> <FontAwesomeIcon x={iconX - 12.5} y={iconY - 17.5} icon={item.icon} width={25} height={25} fixedWidth />
<text x={iconX} y={iconY + 10} fill="#fff" textAnchor="middle" pointerEvents="none"> <text x={iconX} y={iconY + 25} fill="#fff" textAnchor="middle" pointerEvents="none">
{item.label} {item.label}
</text> </text>
</g> </g>