aboutsummaryrefslogtreecommitdiff
path: root/src/components
diff options
context:
space:
mode:
authorlonkaars <l.leblansch@gmail.com>2021-01-08 12:11:45 +0100
committerlonkaars <l.leblansch@gmail.com>2021-01-08 12:11:45 +0100
commit00811644d9ab554c3a314be04c99e341e5631fef (patch)
treedc664178553fd265ab0efa9d7e67d951de8af892 /src/components
parentcb3a0c38944c9eb61bc3e7dc02ca28fc6922993f (diff)
beginsels spelregels aanpassen dialoogvenster
Diffstat (limited to 'src/components')
-rw-r--r--src/components/gameSettings.tsx22
1 files changed, 22 insertions, 0 deletions
diff --git a/src/components/gameSettings.tsx b/src/components/gameSettings.tsx
index 13bb1cc..9f96c52 100644
--- a/src/components/gameSettings.tsx
+++ b/src/components/gameSettings.tsx
@@ -5,6 +5,7 @@
import { Button } from './ui';
import BuildRoundedIcon from '@material-ui/icons/BuildRounded';
+import {DialogBox} from './dialogBox';
export function CurrentGameSettings(/*props: CurrentGameSettingsProps*/) {
return <div style={{
@@ -47,3 +48,24 @@ export function CurrentGameSettings(/*props: CurrentGameSettingsProps*/) {
</div>;
}
+
+export function EditGameSettings() {
+ return <DialogBox title="Spelregels aanpassen">
+ <div style={{
+ marginTop: 24,
+ maxHeight: 500,
+ overflowY: "scroll"
+ }}>
+ <span>Hier is een scrollende pagina in een dialoogvenster</span>
+ <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Ab qui, quod rerum temporibus dolorem repellendus eos pariatur velit doloribus necessitatibus dignissimos blanditiis mollitia alias expedita neque earum iure modi aspernatur.</p>
+ <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Ab qui, quod rerum temporibus dolorem repellendus eos pariatur velit doloribus necessitatibus dignissimos blanditiis mollitia alias expedita neque earum iure modi aspernatur.</p>
+ <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Ab qui, quod rerum temporibus dolorem repellendus eos pariatur velit doloribus necessitatibus dignissimos blanditiis mollitia alias expedita neque earum iure modi aspernatur.</p>
+ <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Ab qui, quod rerum temporibus dolorem repellendus eos pariatur velit doloribus necessitatibus dignissimos blanditiis mollitia alias expedita neque earum iure modi aspernatur.</p>
+ <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Ab qui, quod rerum temporibus dolorem repellendus eos pariatur velit doloribus necessitatibus dignissimos blanditiis mollitia alias expedita neque earum iure modi aspernatur.</p>
+ <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Ab qui, quod rerum temporibus dolorem repellendus eos pariatur velit doloribus necessitatibus dignissimos blanditiis mollitia alias expedita neque earum iure modi aspernatur.</p>
+ <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Ab qui, quod rerum temporibus dolorem repellendus eos pariatur velit doloribus necessitatibus dignissimos blanditiis mollitia alias expedita neque earum iure modi aspernatur.</p>
+ <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Ab qui, quod rerum temporibus dolorem repellendus eos pariatur velit doloribus necessitatibus dignissimos blanditiis mollitia alias expedita neque earum iure modi aspernatur.</p>
+ <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Ab qui, quod rerum temporibus dolorem repellendus eos pariatur velit doloribus necessitatibus dignissimos blanditiis mollitia alias expedita neque earum iure modi aspernatur.</p>
+ </div>
+ </DialogBox>;
+}