foo/tilde
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

2 columns on mobile

Browse Source
This commit is contained in:
cade
2024-04-08 23:56:40 -07:00
parent 5006df1f8e
commit 74ed3b05e0
1 changed files with 4 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files
index.html
+4 -6
View File
@@ -111,12 +111,11 @@
<template id="commands-template"> <template id="commands-template">
<style> <style>
.commands { .commands {
border-radius: var(--border-radius);
column-gap: 0; column-gap: 0;
columns: 1; columns: 2;
list-style: none; list-style: none;
margin: 0 auto; margin: 0 auto;
max-width: 10rem; max-width: 20rem;
overflow: hidden; overflow: hidden;
padding: 0; padding: 0;
width: 100vw; width: 100vw;
@@ -160,10 +159,9 @@
color: var(--color-text); color: var(--color-text);
} }
@media (min-width: 500px) { @media (min-width: 320px) {
.commands { .commands {
columns: 2; border-radius: var(--border-radius);
max-width: 25rem;
} }
} }