style: 💄 improve look of onboarding screen

jojobyte · jojobyte · commit a2835c69420b · 2024-07-24T02:01:26.000-06:00
diff --git a/src/styles/dialog.css b/src/styles/dialog.css
@@ -494,7 +494,7 @@ dialog .txid {
   }
   dialog.fullscreen form section {
     grid-auto-rows: 1fr;
-    grid-auto-columns: 30rem 2fr;
+    grid-auto-columns: 1fr 1fr;
     grid-auto-flow: column;
   }
   dialog.fullscreen form section > aside {
@@ -599,4 +599,10 @@ dialog .txid {
     width: 33.75rem;
     overflow: hidden;
   }
+}
+
+@media (min-width: 850px) {
+  dialog.fullscreen form section {
+    grid-auto-columns: 30rem 2fr;
+  }
 }

Original file line number	Diff line number	Diff line change
`@@ -494,7 +494,7 @@ dialog .txid {`
`494`	`494`	`}`
`495`	`495`	`dialog.fullscreen form section {`
`496`	`496`	`grid-auto-rows: 1fr;`
`497`		`- grid-auto-columns: 30rem 2fr;`
	`497`	`+ grid-auto-columns: 1fr 1fr;`
`498`	`498`	`grid-auto-flow: column;`
`499`	`499`	`}`
`500`	`500`	`dialog.fullscreen form section > aside {`
`@@ -599,4 +599,10 @@ dialog .txid {`
`599`	`599`	`width: 33.75rem;`
`600`	`600`	`overflow: hidden;`
`601`	`601`	`}`
	`602`	`+}`
	`603`	`+`
	`604`	`+@media (min-width: 850px) {`
	`605`	`+ dialog.fullscreen form section {`
	`606`	`+ grid-auto-columns: 30rem 2fr;`
	`607`	`+ }`
`602`	`608`	`}`