MapStatusbar styling

This commit is contained in:
2025-10-01 12:21:48 +09:00
parent 5a7a70aa6c
commit 66172a69ba

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>