feat: improve styles in preview pane (#168)

smeijer · web-flow · commit dcc799eadf52 · 2020-06-17T12:21:38.000+02:00
diff --git a/src/styles/app.pcss b/src/styles/app.pcss
@@ -157,11 +157,15 @@ button:disabled {
   @apply block text-gray-700 text-sm font-bold mb-2;
 }
 
-.preview input {
-  @apply block appearance-none border rounded w-full py-2 px-3 mb-2 text-gray-700 leading-tight;
+.preview input,
+.preview textarea,
+.preview select {
+  @apply block appearance-none border rounded w-full py-2 px-3 mb-2 bg-white text-gray-700 leading-tight;
 }
 
 .preview input:focus,
+.preview textarea:focus,
+.preview select:focus,
 .preview button:focus {
   @apply outline-none border border-gray-700;
 }

Original file line number	Diff line number	Diff line change
`@@ -157,11 +157,15 @@ button:disabled {`
`157`	`157`	`@apply block text-gray-700 text-sm font-bold mb-2;`
`158`	`158`	`}`
`159`	`159`
`160`		`-.preview input {`
`161`		`- @apply block appearance-none border rounded w-full py-2 px-3 mb-2 text-gray-700 leading-tight;`
	`160`	`+.preview input,`
	`161`	`+.preview textarea,`
	`162`	`+.preview select {`
	`163`	`+ @apply block appearance-none border rounded w-full py-2 px-3 mb-2 bg-white text-gray-700 leading-tight;`
`162`	`164`	`}`
`163`	`165`
`164`	`166`	`.preview input:focus,`
	`167`	`+.preview textarea:focus,`
	`168`	`+.preview select:focus,`
`165`	`169`	`.preview button:focus {`
`166`	`170`	`@apply outline-none border border-gray-700;`
`167`	`171`	`}`