refactor: 调整品牌 Logo 与文本的排列顺序及样式

src/routes/+layout.svelte

@@ -67,11 +67,11 @@
 		>
 			<div class="container wide">
 				<a href={resolve('/')} class="brand" onclick={() => (isMobileMenuOpen = false)}>
-					<img
+					{$page.data.site?.title || 'BlogFlare'}<img
 						src={resolve('/brand/green-echo/icon-green.svg')}
 						alt="Logo"
-						style="height: 1.6rem; margin-right: 0.5rem; vertical-align: text-bottom; margin-bottom: 0.15rem;"
+						style="height: 1.6rem; margin-left: 0.5rem; vertical-align: text-bottom; margin-bottom: 0.15rem;"
-					/>{$page.data.site?.title || 'BlogFlare'}
+					/>
 				</a>
 				<button
 					class="mobile-menu-btn"
@@ -179,11 +179,11 @@
 					<p>
 						© {new Date().getFullYear()}
 						<span class="brand">
-							<img
+							{$page.data.site?.title || 'BlogFlare'}<img
 								src={resolve('/brand/green-echo/icon-green.svg')}
 								alt="Logo"
-								style="height: 1.2rem; margin-right: 0.4rem; vertical-align: text-bottom; margin-bottom: 0.1rem;"
+								style="height: 1.2rem; margin-left: 0.4rem; vertical-align: text-bottom; margin-bottom: 0.1rem;"
-							/>{$page.data.site?.title || 'BlogFlare'}
+							/>
 						</span>
 					</p>
 					{#if uptimeText}

src/routes/admin/+layout.svelte

@@ -48,12 +48,12 @@
 	<aside class="sidebar">
 		<div class="sidebar-header">
 			<a href={resolve('/admin')} class="brand">
+				{$page.data.site?.title || 'BlogFlare'} 控制台
 				<img
 					src={resolve('/brand/green-echo/icon-green.svg')}
 					alt="Logo"
-					style="height: 1.4rem; margin-right: 0.5rem; vertical-align: text-bottom; margin-bottom: 0.15rem;"
+					style="height: 1.4rem; margin-left: 0.5rem; vertical-align: text-bottom; margin-bottom: 0.15rem;"
 				/>
-				{$page.data.site?.title || 'BlogFlare'} 控制台
 			</a>
 		</div>
 
@@ -157,12 +157,12 @@
 			</button>
 			<div class="header-spacer"></div>
 			<span class="brand-mobile">
+				{$page.data.site?.title || 'BlogFlare'} 控制台
 				<img
 					src={resolve('/brand/green-echo/icon-green.svg')}
 					alt="Logo"
-					style="height: 1.2rem; margin-right: 0.4rem; vertical-align: text-bottom; margin-bottom: 0.15rem;"
+					style="height: 1.2rem; margin-left: 0.4rem; vertical-align: text-bottom; margin-bottom: 0.15rem;"
 				/>
-				{$page.data.site?.title || 'BlogFlare'} 控制台
 			</span>
 		</header>