Portrait tablet and tablet settings layouts (#188)

Co-authored-by: orchestrator-agent <20+orchestrator-agent@code.cubecraftcreations.com>
2026-10-10 23:35:24 -04:00
parent 25edb6fb26
commit d390d8dcce
9 changed files with 297 additions and 13 deletions
@@ -83,6 +83,12 @@
  gap: 20px;
 }

+/* An upright tablet stacks the columns: Notifications above the AI
+   assistant and Recipe search. */
+.portrait .columns {
+  grid-template-columns: minmax(0, 1fr);
+}
+
 .column {
  min-width: 0;
  display: flex;