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 @@ ...@@ -10,6 +10,11 @@
margin: 10px 0px 4px 0px; margin: 10px 0px 4px 0px;
} }
.help > ul .key-container {
display: inline-block;
min-width: 86px;
}
.help > ul .key { .help > ul .key {
border: 1px solid #ffffff; border: 1px solid #ffffff;
display: inline-block; display: inline-block;
......
...@@ -12,29 +12,52 @@ export const Help: FC<HelpProps> = ({ style = [] }) => { ...@@ -12,29 +12,52 @@ export const Help: FC<HelpProps> = ({ style = [] }) => {
<div className={classes()}> <div className={classes()}>
<ul> <ul>
<li> <li>
<span className="key">Enter</span> - Start <span className="key-container">
<span className="key">Enter</span>
</span>
Start button
</li> </li>
<li> <li>
<span className="key">Space</span> - Select <span className="key-container">
<span className="key">Space</span>
</span>
Select button
</li> </li>
<li> <li>
<span className="key">A</span> - A <span className="key-container">
<span className="key">A</span>
</span>
A button
</li> </li>
<li> <li>
<span className="key">S</span> - B <span className="key-container">
<span className="key">S</span>
</span>
B button
</li> </li>
<li> <li>
<span className="key">Escape</span> - Exit fullscreen <span className="key-container">
<span className="key">Escape</span>
</span>
Exit fullscreen
</li> </li>
<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>
<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>
<li> <li>
<span className="key">Ctrl + K</span> - Toggle on-screen <span className="key-container">
keyboard <span className="key">Ctrl + K</span>
</span>
Toggle on-screen keyboard
</li> </li>
</ul> </ul>
</div> </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