flex column commands on mobile

This commit is contained in:
Cade Scroggins 2023-01-17 12:48:59 -08:00
parent 8bb8137dfd
commit 418da9b24d
No known key found for this signature in database
GPG key ID: 6AC5A902158265D0

View file

@ -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>