Maps/resources/views/map-controls.html

44 lines
1.1 KiB
HTML
Raw Normal View History

<style>
table {
border-spacing: 0;
}
td {
padding: 0;
}
.game-board {
display: grid;
grid-template-rows: 50px 50px 50px;
grid-template-columns: 50px 50px 50px;
}
.box {
display: flex;
align-items: center;
justify-content: center;
}
</style>
<form method="post" id="movement"></form>
<div class='game-board'>
<div class='box'></div>
<div class="box">
<button type='submit' name='action' value='up' form="movement">🔼</button>
</div>
<div class='box'></div>
<div class='box'>
<button type='submit' name='action' value='left' form='movement'></button>
</div>
<div class='box'>X</div>
<div class='box'>
<button type='submit' name='action' value='right' form='movement'></button>
</div>
<div class='box'></div>
<div class='box'>
<button type='submit' name='action' value='down' form='movement'>🔽</button>
</div>
<div class='box'></div>
</div>
<button type='submit' name='action' value='clear' form='movement'>Сброс</button>