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 { useMapStore } from '../../../store/map';
import { Divider, Text } from '@fluentui/react-components'; import { Divider, Text } from '@fluentui/react-components';
interface IMapStatusbarProps { interface IMapStatusbarProps {
mapControlsStyle: CSSProperties;
map_id: string; map_id: string;
} }
const MapStatusbar = ({ const MapStatusbar = ({
mapControlsStyle,
map_id map_id
}: IMapStatusbarProps) => { }: IMapStatusbarProps) => {
const { currentCoordinate, currentX, currentY, currentZ, statusText } = useMapStore().id[map_id] const { currentCoordinate, currentX, currentY, currentZ, statusText } = useMapStore().id[map_id]
return ( 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}> <Text size={200}>
x: {currentCoordinate?.[0]} x: {currentCoordinate?.[0]}
</Text> </Text>
@ -37,7 +34,7 @@ const MapStatusbar = ({
Y={currentY} Y={currentY}
</Text> </Text>
<Text size={200} style={{marginLeft: 'auto'}}> <Text size={200} style={{ marginLeft: 'auto' }}>
{statusText} {statusText}
</Text> </Text>
</div> </div>