mirror/FossFLOW
1
0
Fork 0
mirror of https://github.com/stan-smith/FossFLOW.git synced 2026-04-23 08:31:16 -04:00
Code Issues Packages Projects Releases Wiki Activity

feat: Add labels to icons indicating if not isometric (flat) (#201)

Browse Source 
* feat: Add labels to icons indicating if not isometric (flat)

* Revert vscode setting changes pushed by mistake

Great! Thank you - Stan
This commit is contained in:
Abrar74774
2026-01-12 23:09:57 +03:00
committed by GitHub
parent 6b492e3afd
commit a553e3c00c
1 changed files with 18 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
packages/fossflow-lib/src/components/ItemControls/IconSelectionControls/Icon.tsx
View File

@@ -28,7 +28,7 @@ export const Icon = ({ icon, onClick, onMouseDown, onDoubleClick }: Props) => {
sx={{ overflow: 'hidden', justifyContent: 'flex-start', width: SIZE }}
spacing={1}
>
<Box sx={{ width: SIZE, height: SIZE, overflow: 'hidden' }}>
<Box sx={{ position: 'relative', width: SIZE, height: SIZE, overflow: 'hidden' }}>
<Box
component="img"
draggable={false}
@@ -36,6 +36,23 @@ export const Icon = ({ icon, onClick, onMouseDown, onDoubleClick }: Props) => {
alt={`Icon ${icon.name}`}
sx={{ width: SIZE, height: SIZE }}
/>
{icon.isIsometric === false && (
<Box
sx={{
position: 'absolute',
bottom: 2,
right: 2,
padding: '1px 4px',
borderRadius: '4px',
backgroundColor: '#eeeb',
color: '#000'
}}
>
<Typography variant='body2'>
flat
</Typography>
</Box>
)}
</Box>
<Typography
variant="body2"