Skip to content
Snippets Groups Projects
Verified Commit 541902b2 authored by João Magalhães's avatar João Magalhães :rocket:
Browse files

feat: better help layout

parent 98006e85
No related branches found
No related tags found
No related merge requests found
Pipeline #1694 passed
......@@ -10,6 +10,11 @@
margin: 10px 0px 4px 0px;
}
.help > ul .key-container {
display: inline-block;
min-width: 86px;
}
.help > ul .key {
border: 1px solid #ffffff;
display: inline-block;
......
......@@ -12,29 +12,52 @@ export const Help: FC<HelpProps> = ({ style = [] }) => {
<div className={classes()}>
<ul>
<li>
<span className="key">Enter</span> - Start
<span className="key-container">
<span className="key">Enter</span>
</span>
Start button
</li>
<li>
<span className="key">Space</span> - Select
<span className="key-container">
<span className="key">Space</span>
</span>
Select button
</li>
<li>
<span className="key">A</span> - A
<span className="key-container">
<span className="key">A</span>
</span>
A button
</li>
<li>
<span className="key">S</span> - B
<span className="key-container">
<span className="key">S</span>
</span>
B button
</li>
<li>
<span className="key">Escape</span> - Exit fullscreen
<span className="key-container">
<span className="key">Escape</span>
</span>
Exit fullscreen
</li>
<li>
<span className="key">Ctrl + D</span> - Turbo speed
<span className="key-container">
<span className="key">Ctrl + D</span>
</span>
Turbo speed
</li>
<li>
<span className="key">Ctrl + F</span> - Toggle fullscreen
<span className="key-container">
<span className="key">Ctrl + F</span>
</span>
Toggle fullscreen
</li>
<li>
<span className="key">Ctrl + K</span> - Toggle on-screen
keyboard
<span className="key-container">
<span className="key">Ctrl + K</span>
</span>
Toggle on-screen keyboard
</li>
</ul>
</div>
......
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment