vinzenz/servicepoint-tanks
0
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

map chooser dialog with previews

Browse source
This commit is contained in:
Vinzenz Schroeter 2024-05-05 23:33:08 +02:00
parent a952d4227d
commit 170a7faf0f
7 changed files with 131 additions and 30 deletions
Download patch file Download diff file Expand all files Collapse all files

11
tank-frontend/src/components/Column.tsx
View file

@ -1,12 +1,13 @@
import {ReactNode} from "react";
import {MouseEventHandler, ReactNode} from 'react';
import './Column.css'
export default function Column({children, className}: {
children: ReactNode,
className?: string
export default function Column({children, className, onClick}: {
children: ReactNode;
className?: string;
onClick?: MouseEventHandler<HTMLDivElement>;
}) {
return <div className={'Column flex-column ' + (className ?? '')}>
return <div className={'Column flex-column ' + (className ?? '')} onClick={onClick}>
{children}
</div>
}

5
tank-frontend/src/components/Dialog.css
View file

@ -10,4 +10,9 @@
gap: 16px;
padding: 16px;
max-height: 75vh;
max-width: 75vw;
overflow: scroll;
}

2
tank-frontend/src/components/Dialog.tsx
View file

@ -6,7 +6,7 @@ export default function Dialog({children, className}: {
children: ReactNode;
className?: string;
}) {
return <Column className={'Dialog ' + className ?? ''}>
return <Column className={'Dialog ' + (className ?? '')}>
{children}
</Column>
}