Merge pull request #309 from Budibase/bugfix/navbar-settings

Bugfix/navbar settings

packages/builder/src/components/userInterface/AppPreview/iframeTemplate.js

@@ -17,6 +17,7 @@ export default ({
 
       body, html {
         height: 100%!important;
+        font-family: Roboto !important;
       }
       .lay-__screenslot__text {
           width: 100%;

packages/builder/src/components/userInterface/temporaryPanelStructure.js

@@ -349,7 +349,15 @@ export default {
             "A component for handling the navigation within your app.",
           icon: "ri-navigation-fill",
           children: [],
-          properties: { design: { ...all } },
+          properties: {
+            design: { ...all },
+            settings: [
+              { label: "Logo URL", key: "logoUrl", control: Input },
+              { label: "Title", key: "title", control: Input },
+              { label: "Color", key: "color", control: Input },
+              { label: "Background", key: "backgroundColor", control: Input },
+            ],
+          },
         },
       ],
     },

packages/server/src/utilities/builder/index.template.html

@@ -1,14 +1,17 @@
 <!doctype html>
 <html>
+
 <head>
-	<meta charset='utf8'>
-	<meta name='viewport' content='width=device-width'>
+    <meta charset='utf8'>
+    <meta name='viewport' content='width=device-width'>
 
-	<title>{{ title }}</title>
+    <title>{{ title }}</title>
     <link rel='icon' type='image/png' href='{{ favicon }}'>
-    
+
     <style>
-        html, body {
+        html,
+        body {
+            font-family: Roboto;
             height: 100%;
             width: 100%;
             margin: 0px;
@@ -30,13 +33,14 @@
 
     <script src='{{ appRootPath }}/clientFrontendDefinition.js'></script>
     <script src='{{ appRootPath }}/budibase-client.js'></script>
-    
+
 </head>
 
 <body id="app">
-	
+
     <script>
         loadBudibase();
     </script>
 </body>
+
 </html>