Fix example styles

gpbl · Jun 25, 2023 · de5cb5d · de5cb5d
1 parent cd21ff9
commit de5cb5d
Show file tree

Hide file tree

Showing 3 changed files with 29 additions and 0 deletions.
diff --git a/website/src/components/RenderExample.module.css b/website/src/components/RenderExample.module.css
@@ -10,3 +10,6 @@
   font-size: 1em;
   padding: 0.4em 0.6em;
 }
+.example input + button {
+  margin-left: 0.5em;
+}
diff --git a/website/src/theme/CodeBlock/sandpack-app/dark.css b/website/src/theme/CodeBlock/sandpack-app/dark.css
@@ -1,4 +1,5 @@
 body {
+  margin: 1em;
   font-family: system-ui, -apple-system, 'Segoe UI', Roboto, Ubuntu, Cantarell,
     'Noto Sans', sans-serif, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial,
     sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
@@ -12,6 +13,18 @@ body {
   color: #f5f6f7;
 }
 
+input {
+  font-size: 1em;
+  padding: 0.4em 0.6em;
+}
+button {
+  font-size: 1em;
+  padding: 0.4em 0.6em;
+}
+input + button {
+  margin-left: 0.5em;
+}
+
 .rdp {
   --rdp-accent-color-light: var(--rdp-accent-color-dark);
   --rdp-accent-color-lighter: var(--rdp-accent-color-darker);

diff --git a/website/src/theme/CodeBlock/sandpack-app/light.css b/website/src/theme/CodeBlock/sandpack-app/light.css
@@ -1,4 +1,5 @@
 body {
+  margin: 1em;
   font-family: system-ui, -apple-system, 'Segoe UI', Roboto, Ubuntu, Cantarell,
     'Noto Sans', sans-serif, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial,
     sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
@@ -17,3 +18,15 @@ body {
   box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.04), 0px 4px 5px rgba(0, 0, 0, 0.06),
     0px 2px 4px -1px rgba(0, 0, 0, 0.09);
 }
+input {
+  font-size: 1em;
+  padding: 0.4em 0.6em;
+}
+button {
+  font-size: 1em;
+  padding: 0.4em 0.6em;
+}
+
+input + button {
+  margin-left: 0.5em;
+}