Reuse favicon for site logo

src/components/projectSettings.vue

@@ -25,7 +25,7 @@ export default {
 		};
 	},
 	emits: ['update:baseMap', 'update:projectCodeName', 'toggle'],
-	inject: ['api', 'lang', 'user', 'consts', 'isMobile'],
+	inject: ['api', 'lang', 'user', 'consts', 'isMobile', 'hash'],
 	computed: {
 		project() {
 			return this.projects.find((project) => project.codename == this.projectCodeName);
@@ -77,9 +77,10 @@ export default {
 	<div id="settings" class="panel panel-left">
 		<div id="settings-panel" class="panel-content">
 			<div class="settings-header settings-box">
-				<a class="logo" href="#project"><img src="images/logo_title.svg" :alt="consts.title" /></a>
-				<div class="last_update" v-if="project?.mode == consts.modes.blog && lastUpdate.unix_time > 0">
-					<p><span><img src="images/spot-logo-only.svg" alt="" /></span><abbr :title="lastUpdate.formatted_time">{{ lang.get('feed.last_update')+' '+lastUpdate.relative_time }}</abbr></p>
+				<img src="images/icons/favicon.svg" class="logo-icon clickable" @click="hash.items = ['project']" />
+				<img src="images/logo_title.svg" class="logo-title" :alt="consts.title" />
+				<div class="last_update" v-if="project?.mode == consts.modes.blog && lastUpdate.unix_time > 0" :title="lastUpdate.formatted_time">
+					<SpotIcon icon="find-me-spot" :text="lang.get('feed.last_update')+' '+lastUpdate.relative_time" />
 				</div>
 			</div>
 			<div class="settings-sections">

src/components/spotIcon.vue

@@ -70,7 +70,7 @@ export default {
 .spot-icon-with-text {
 	display: inline-flex;
 	align-items: flex-start;
-	gap: var.$elem-spacing;
+	gap: var.$text-spacing;
 
 	.spot-icon-symbol {
 		flex: 0 0 auto;
@@ -85,11 +85,11 @@ export default {
 
 .spot-icon {
 	&.margin-right {
-		margin-right: var.$elem-spacing;
+		margin-right: var.$text-spacing;
 	}
 
 	&.margin-left {
-		margin-left: var.$elem-spacing;
+		margin-left: var.$text-spacing;
 	}
 }
 </style>