add logo

2021-05-23 00:56:39 +08:00
parent 9b38a26253
commit 2f4741138c
3 changed files with 16 additions and 2 deletions
--- a/web/index.html
+++ b/web/index.html
@@ -10,7 +10,10 @@
 <body>
 	<div id="app" class="base">
 		<header class="header">
-			<h3 class="title">MSW Open Music Project</h3>
+			<h3 class="title">
+				<img class="logo" src="negi39.ico" />
+				<span class="title-text">MSW Open Music Project</span>
+			</h3>
 			<nav class="nav">
 				<router-link class="nav-link" to="/">I'm Feeling Lucky</router-link>
 				<router-link class="nav-link" to="/search_files">Files</router-link>
--- a/web/negi39.ico
+++ b/web/negi39.ico
--- a/web/style.css
+++ b/web/style.css
@@ -11,7 +11,18 @@ html {
 	box-shadow: 0 0 8px #393939;
 }
 .title {
-	margin-left: 2em;
+	margin-left: 1em;
+	display: flex;
+	align-items: center;
+}
+.title-text {
+	margin-left: 1em;
+	margin-right: 1em;
+}
+.logo {
+	width: 39px;
+	height: 39px;
+	border-radius: 6px;
 }
 .nav {
 	display: flex;