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

make filters bigger on touch screens etc

Browse source
This commit is contained in:
Rhiannon Morris 2020-08-04 02:34:15 +02:00
parent 3242975db3
commit 306b92cf56
2 changed files with 16 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
style/shiny/base.css
View file

@ -18,7 +18,7 @@
--focus-text: hsl(334deg, 87%, 90%); --focus-text: hsl(334deg, 87%, 90%);
font-family: Muller; font-family: Muller;
font-size: 18pt; font-size: x-large;
font-weight: 600; font-weight: 600;
background: var(--gradient) fixed; background: var(--gradient) fixed;

15
style/shiny/gallery.css
View file

@ -38,6 +38,15 @@ body {
text-align: left; text-align: left;
} }
@media (max-width: 80rem) {
#filters div {
grid-template-columns: auto;
}
#filters h3, #clear {
text-align: left;
}
}
#filters ul { #filters ul {
font-weight: 400; font-weight: 400;
font-size: 90%; font-size: 90%;
@ -214,3 +223,9 @@ footer {
margin-bottom: 0; margin-bottom: 0;
} }
} }
@media (pointer: coarse) {
#filters label {
font-size: 150%;
}
}