added titlebar to `NoFile` screen

src/ui/src/assets/css/_noFile.scss

@@ -9,9 +9,9 @@
 		width: 60%;
 		height: auto;
 		opacity: 0.4;
-		background: color(sidebarBackground);
-		border-radius: 1rem;
-		border: dashed 6px color(scrollbar);
+//		background: color(sidebarBackground);
+//		border-radius: 1rem;
+//		border: dashed 6px color(scrollbar);
 		padding: 2rem 4rem;
 		text-align: center;
 		max-width: 500px;
@@ -23,4 +23,13 @@
 			}
 		}
 	}
+
+	.titlebar {
+		position: absolute;
+		top: 0;
+		left: 0;
+		app-region: drag;
+		height: 30px;
+		width: 100%;
+	}
 }

src/ui/src/components/NoFile.js

@@ -11,12 +11,13 @@ const NoFile = ({openFile}) => {
 				<p>
 					<Easel className="big" />
 				</p>
-				<i>No presentation loaded</i><br />
+				<i>No presentation loaded. Drag in a <code>.md</code> file or</i><br />
 				<p>
 					<button onClick={openFile}><Folder2Open /> open</button>
 				</p>
 			</section>
 			<KeyboardControl openFile={openFile} />
+			<section className="titlebar"></section>
 		</section>
 	);
 };