popovspiridon99/universal_is
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

MapStatusbar styling

Browse Source
This commit is contained in:
popovspiridon99
2025-10-01 12:21:48 +09:00
parent 5a7a70aa6c
commit 66172a69ba
1 changed files with 2 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
client/src/components/map/MapStatusbar/MapStatusbar.tsx
View File

@ -1,20 +1,17 @@
import { CSSProperties } from 'react'
import { useMapStore } from '../../../store/map';
import { Divider, Text } from '@fluentui/react-components';
interface IMapStatusbarProps {
mapControlsStyle: CSSProperties;
map_id: string;
}
const MapStatusbar = ({
mapControlsStyle,
map_id
}: IMapStatusbarProps) => {
const { currentCoordinate, currentX, currentY, currentZ, statusText } = useMapStore().id[map_id]
return (
<div style={{ ...mapControlsStyle, display: 'flex', gap: '1rem', padding: '0.25rem', width: '100%', borderRadius: 0 }}>
<div style={{ display: 'flex', gap: '1rem', padding: '0.25rem', width: '100%', borderRadius: 0, zIndex: 1 }}>
<Text size={200}>
x: {currentCoordinate?.[0]}
</Text>
@ -37,7 +34,7 @@ const MapStatusbar = ({
Y={currentY}
</Text>
<Text size={200} style={{marginLeft: 'auto'}}>
<Text size={200} style={{ marginLeft: 'auto' }}>
{statusText}
</Text>
</div>