mirror of
https://github.com/xvvvyz/tilde.git
synced 2026-03-11 14:44:24 +00:00
2 columns on mobile
This commit is contained in:
parent
5006df1f8e
commit
74ed3b05e0
1 changed files with 4 additions and 6 deletions
10
index.html
10
index.html
|
|
@ -111,12 +111,11 @@
|
|||
<template id="commands-template">
|
||||
<style>
|
||||
.commands {
|
||||
border-radius: var(--border-radius);
|
||||
column-gap: 0;
|
||||
columns: 1;
|
||||
columns: 2;
|
||||
list-style: none;
|
||||
margin: 0 auto;
|
||||
max-width: 10rem;
|
||||
max-width: 20rem;
|
||||
overflow: hidden;
|
||||
padding: 0;
|
||||
width: 100vw;
|
||||
|
|
@ -160,10 +159,9 @@
|
|||
color: var(--color-text);
|
||||
}
|
||||
|
||||
@media (min-width: 500px) {
|
||||
@media (min-width: 320px) {
|
||||
.commands {
|
||||
columns: 2;
|
||||
max-width: 25rem;
|
||||
border-radius: var(--border-radius);
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
|||
Loading…
Reference in a new issue