Merge pull request #813 from Budibase/new-app-modal-fixes

New app modal fixes

packages/builder/src/components/backend/DataTable/Table.svelte

@@ -175,7 +175,7 @@
     flex: 1 1 auto;
   }
   :global(.grid-wrapper) {
-    --ag-modal-overlay-background-color: rgba(0, 0, 0, 0.05);
+    --ag-modal-overlay-background-color: transparent;
     --ag-border-color: var(--grey-3);
     --ag-header-background-color: var(--grey-1);
     --ag-odd-row-background-color: var(--grey-1);

packages/builder/src/components/start/Steps/API.svelte

@@ -22,4 +22,12 @@
     display: grid;
     grid-gap: 40px;
   }
+  a {
+    color: var(--grey-7);
+    font-weight: 500;
+    font-size: var(--font-size-s);
+  }
+  a:hover {
+    color: var(--ink);
+  }
 </style>

packages/builder/src/components/start/Steps/Info.svelte

@@ -6,7 +6,7 @@
   let blurred = { appName: false }
 </script>
 
-<h2>Create your web app</h2>
+<h2>Create your Web App</h2>
 <div class="container">
   {#if template}
     <div class="template">

packages/builder/src/components/start/Steps/User.svelte

@@ -5,7 +5,7 @@
   let blurred = { username: false, password: false }
 </script>
 
-<h2>Create new user</h2>
+<h2>Create your first User</h2>
 <div class="container">
   <Input
     on:input={() => (blurred.username = true)}

packages/builder/src/global.css

@@ -36,26 +36,6 @@ html, body {
     overflow-y: hidden;
 }
 
-h1 {
-    font-size: 36pt;
-}
-
-h2 {
-    font-size: 30pt;
-}
-
-h3 {
-    font-size: 24pt;
-}
-
-h4 {
-    font-size: 18pt;
-}
-
-h5 {
-    font-size: 14pt;
-}
-
 .hoverable:hover {
     cursor: pointer;
 }