mirror/wavelovers
1
0
Fork 0
mirror of https://github.com/eugene-serb/wavelovers.git synced 2023-09-09 23:41:16 +03:00
Code Issues Projects Releases Wiki Activity

Change style and order of the patterns buttons

Browse Source
This commit is contained in:
Eugene Serb 2022-06-17 12:42:19 +03:00
parent dc19e312a8
commit 5b65f5b97a
2 changed files with 47 additions and 45 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
css/styles.css
View File

@ -420,20 +420,22 @@ legend {
} }
.pattern-item { .pattern-item {
width: 128px; width: 300px;
height: 128px; height: 64px;
padding: 16px; padding: 16px;
border-radius: 8px; border-radius: 8px;
background: var(--color-pattern-button); background: var(--color-pattern-button);
display: flex; display: flex;
flex-direction: column; flex-direction: row;
justify-content: flex-end; justify-content: flex-start;
gap: 32px; gap: 32px;
align-items: center;
text-align: center; text-align: center;
overflow: hidden;
} }
.pattern-item__icon{ .pattern-item__icon{
font-size: 64px; font-size: 32px;
} }
.pattern-item__name { .pattern-item__name {

80
js/scripts.js
View File

@ -5,46 +5,6 @@
'use strict'; 'use strict';
const __PATTERNS = [ const __PATTERNS = [
/* Constant, 0s, 1s */
{
name: 'Constant Weak',
type: 'Simple',
icon: '😏',
pattern: [
{
startDelay: 0,
duration: 1000,
weakMagnitude: 1.0,
strongMagnitude: 0.0,
},
],
},
{
name: 'Constant Strong',
type: 'Simple',
icon: '🤩',
pattern: [
{
startDelay: 0,
duration: 1000,
weakMagnitude: 0.0,
strongMagnitude: 1.0,
},
],
},
{
name: 'Constant Max',
type: 'Simple',
icon: '😍',
pattern: [
{
startDelay: 0,
duration: 1000,
weakMagnitude: 1.0,
strongMagnitude: 1.0,
},
],
},
/* Dotted, 0.1s, 0.1s */ /* Dotted, 0.1s, 0.1s */
{ {
name: 'Dotted Weak', name: 'Dotted Weak',
@ -165,6 +125,46 @@ const __PATTERNS = [
}, },
], ],
}, },
/* Constant, 0s, 1s */
{
name: 'Constant Weak',
type: 'Simple',
icon: '😏',
pattern: [
{
startDelay: 0,
duration: 1000,
weakMagnitude: 1.0,
strongMagnitude: 0.0,
},
],
},
{
name: 'Constant Strong',
type: 'Simple',
icon: '🤩',
pattern: [
{
startDelay: 0,
duration: 1000,
weakMagnitude: 0.0,
strongMagnitude: 1.0,
},
],
},
{
name: 'Constant Max',
type: 'Simple',
icon: '😍',
pattern: [
{
startDelay: 0,
duration: 1000,
weakMagnitude: 1.0,
strongMagnitude: 1.0,
},
],
},
]; ];
class Gamepad { class Gamepad {