Skip to content
Snippets Groups Projects
Commit 401c9340 authored by astumpff2's avatar astumpff2
Browse files

Added various properties to app

parent fba845bb
Branches
Tags
No related merge requests found
import React from 'react'; import React from 'react';
import { useSelector, useDispatch } from 'react-redux';
import PropTypes from 'prop-types';
import styles from './invisibleMaze.module.css'; import styles from './invisibleMaze.module.css';
export function InvisibleMaze() { export function InvisibleMaze() {
return ( return (
<main> <main>
<label> <div className={styles.maze}>
<button className={styles.panel}> <button className={styles.panel}>
</button> </button>
<button className={styles.panel}> <button className={styles.panel}>
</button> </button>
<button className={styles.panel}> <button className={styles.panel}>
</button> </button>
</div>
<div className={styles.maze}>
<button className={styles.panel}> <button className={styles.panel}>
</button> </button>
<button className={styles.panel}> <button className={styles.panel}>
</button> </button>
<button className={styles.panel}> <button className={styles.panel}>
</button> </button>
</div>
<div className={styles.maze}>
<button className={styles.panel}> <button className={styles.panel}>
</button> </button>
<button className={styles.panel}> <button className={styles.panel}>
</button> </button>
<button className={styles.panel}> <button className={styles.panel}>
</button> </button>
</div>
<div className={styles.controlPanel}>
<button className={styles.create}> <button className={styles.create}>
{"Create Maze"} {"Create Maze"}
</button> </button>
<button className={styles.reset}> <button className={styles.reset}>
{"Reset Maze"}
</button> </button>
<button className={styles.play}> <button className={styles.play}>
{"Play Maze"}
</button> </button>
</label> </div>
</main> </main>
); );
} }
\ No newline at end of file
.panel { .panel {
width: 50px; width: 100px;
height: 50px; height: 50px;
} }
.create { .create {
width: 50px; width: 100px;
height: 50px; height: 50px;
font-weight: bold;
} }
.reset { .reset {
width: 50px; width: 100px;
height: 50px; height: 50px;
font-weight: bold;
} }
.play { .play {
width: 50px; width: 100px;
height: 50px; height: 50px;
font-weight: bold;
} }
.maze{ .maze{
width: 50px; display: flex;
height: 50px; flex-flow: row, nowrap;
padding: 10px;
align-content: center;
}
.controlPanel{
display: flex;
background-color: maroon;
padding: 10px;
flex-flow: row, nowrap;
} }
\ No newline at end of file
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment