mirror of
https://github.com/xvvvyz/tilde.git
synced 2026-03-11 14:44:24 +00:00
flex column commands on mobile
This commit is contained in:
parent
8bb8137dfd
commit
418da9b24d
1 changed files with 11 additions and 4 deletions
15
index.html
15
index.html
|
|
@ -151,7 +151,7 @@
|
|||
url: 'https://youtube.com/feed/subscriptions',
|
||||
},
|
||||
'?': {
|
||||
name: 'README.md',
|
||||
name: 'README',
|
||||
url: 'https://read.xvvvyz.xyz/xvvvyz/tilde/main/README.md',
|
||||
},
|
||||
};
|
||||
|
|
@ -199,14 +199,13 @@
|
|||
<template id="commands-template">
|
||||
<style>
|
||||
.commands {
|
||||
align-items: center;
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
justify-content: center;
|
||||
flex-direction: column;
|
||||
list-style: none;
|
||||
margin: 0 auto;
|
||||
max-width: 54rem;
|
||||
padding: 0;
|
||||
width: 100vw;
|
||||
}
|
||||
|
||||
.command {
|
||||
|
|
@ -229,6 +228,14 @@
|
|||
.name {
|
||||
color: var(--color-text);
|
||||
}
|
||||
|
||||
@media (min-width: 54rem) {
|
||||
.commands {
|
||||
flex-direction: row;
|
||||
flex-wrap: wrap;
|
||||
justify-content: center;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
<nav>
|
||||
<menu class="commands"></menu>
|
||||
|
|
|
|||
Loading…
Reference in a new issue