temp: adatta il sito sia per telefoni (schwermi verticaluiu piccoli) che per tablet che per desktop

2026-08-25 16:29:25 +02:00
parent abeabb3a44
commit d52e62fe7d
6 changed files with 141 additions and 39 deletions
@@ -35,19 +35,28 @@ function onChange(event: Event) {

 select {
  appearance: none;
-  padding: 0.35rem 1.6rem 0.35rem 0.7rem;
+  padding: 0.4rem 1.7rem 0.4rem 0.7rem;
  border: 1px solid var(--color-border);
  border-radius: 0;
  background: transparent;
  color: var(--color-body);
  font: inherit;
-  font-size: 0.75rem;
+  /* Safari on iOS zooms the page when a control smaller than 16px is tapped,
+     so the picker stays at 1rem on phones and shrinks only from tablet up. */
+  font-size: 1rem;
  font-weight: 600;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  cursor: pointer;
 }

+@media (min-width: 48rem) {
+  select {
+    padding: 0.35rem 1.6rem 0.35rem 0.7rem;
+    font-size: 0.75rem;
+  }
+}
+
 select:hover {
  border-color: var(--color-ink);
  color: var(--color-ink);