rhi
/
gallery
1
0
Fork 0
Code Issues 5 Pull Requests 1 Releases Wiki Activity

make page width more suitable for huge screens

This commit is contained in:
Rhiannon Morris 2021-05-28 02:28:56 +02:00
parent 08d4c065ac
commit 2e0a51dcbc
1 changed files with 2 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
style/shiny/gallery.css
View File

@ -4,14 +4,10 @@
:root { :root {
--image-size: 200px; --image-size: 200px;
--gap: 1em; --gap: 1em;
--cols: 5;
} }
.page { @media (min-width: 1000px) {
max-width: calc( .page { max-width: 80%; }
var(--cols) * var(--image-size) +
(var(--cols) - 1) * var(--gap)
);
} }
#filters div { #filters div {