Update examples styling (#807)

wasp-lang · Nov 16, 2022 · c71c810 · c71c810
1 parent 52e7104
commit c71c810
Show file tree

Hide file tree

Showing 5 changed files with 37 additions and 0 deletions.
diff --git a/examples/realworld/ext/style.css b/examples/realworld/ext/style.css
@@ -0,0 +1,9 @@
+body {
+  margin: 0;
+  padding: 0;
+  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen",
+    "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue",
+    sans-serif;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
diff --git a/examples/realworld/src/client/MainPage.js b/examples/realworld/src/client/MainPage.js
@@ -21,6 +21,8 @@ import Navbar from './Navbar'
 import ArticleListPaginated from './article/components/ArticleListPaginated'
 import addWaspSourceHeader from './addWaspSourceHeader'
 
+import './style.css'
+
 const MainPage = () => {
   const { data: me } = useAuth()
 

diff --git a/examples/thoughts/src/client/Main.css b/examples/thoughts/src/client/Main.css
@@ -4,6 +4,14 @@
     box-sizing: border-box;
 }
 
+body {
+    margin: 0;
+    padding: 0;
+    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen",
+      "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue",
+      sans-serif;
+  }
+
 button.plain {
     border: none;
     outline: none;

diff --git a/examples/waspello/src/client/Main.css b/examples/waspello/src/client/Main.css
@@ -4,6 +4,14 @@
   box-sizing: border-box;
 }
 
+body {
+  margin: 0;
+  padding: 0;
+  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen",
+      "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue",
+      sans-serif;
+}
+
 .container {
   min-height: 100vh;
   display: flex;

diff --git a/examples/waspleau/src/client/style.css b/examples/waspleau/src/client/style.css
@@ -1,3 +1,13 @@
+body {
+  margin: 0;
+  padding: 0;
+  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen",
+    "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue",
+    sans-serif;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
 .container {
   margin: 40px;
 }