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

Added mobile-patterns.json, updated patterns styles

Browse Source
This commit is contained in:
Eugene Serb 2022-06-23 17:03:27 +03:00
parent 9a27221f6d
commit 1a98096cfd
2 changed files with 35 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

27
assets/mobile-patterns.json Normal file
View File

@ -0,0 +1,27 @@
[
{
"name": "Mobile Dotted",
"type": "Simple",
"icon": "😌",
"pattern": [ 100, 100 ]
},
{
"name": "Mobile Short Dashed",
"type": "Simple",
"icon": "🙂",
"pattern": [ 250, 100 ]
},
{
"name": "Mobile Long Dashed",
"type": "Simple",
"icon": "🙂",
"pattern": [ 500, 100 ]
},
{
"name": "Mobile Constant",
"type": "Simple",
"icon": "🙂",
"pattern": [ 1000 ]
}
]

9
css/styles.css
View File

@ -465,14 +465,21 @@ table, th, td {
.wavelovers { .wavelovers {
display: flex; display: flex;
flex-direction: column; flex-direction: column-reverse;
justify-content: flex-start; justify-content: flex-start;
gap: 16px; gap: 16px;
} }
@media only screen and (min-width: 540px) {
.wavelovers {
flex-direction: column;
}
}
.message { .message {
width: 100%; width: 100%;
display: flex; display: flex;
flex-direction: column;
justify-content: center; justify-content: center;
text-align: center; text-align: center;
font-size: 24px; font-size: 24px;