From 7cea4b6815898121d81cc15e4b07b8cfd0e86e99 Mon Sep 17 00:00:00 2001
From: Fuwn <contact@fuwn.me>
Date: Mon, 19 Feb 2024 17:33:52 -0800
Subject: refactor: ids to classes

---
 src/routes/+layout.svelte | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

(limited to 'src/routes/+layout.svelte')

diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
index dc3f371b..d5409f9a 100644
--- a/src/routes/+layout.svelte
+++ b/src/routes/+layout.svelte
@@ -117,8 +117,8 @@
 
 <HeadTitle />
 
-<div id="container">
-	<div id="header" class="card card-centered">
+<div class="container">
+	<div class="card card-centered header">
 		<div>
 			<a href={root('/')} class="header-item">{$locale().navigation.home}</a><a
 				href={root('/completed')}
@@ -187,7 +187,7 @@
 				</a>
 			{:else if data.user}
 				<a href={root(`/user/${$userIdentity.name}`)} class="header-item">
-					<img id="avatar" src={$userIdentity.avatar} alt="Avatar" />
+					<img class="avatar" src={$userIdentity.avatar} alt="Avatar" />
 				</a>
 			{/if}
 		</div>
@@ -213,7 +213,7 @@
 </div>
 
 <style lang="scss">
-	#header {
+	.header {
 		font-family: 'DM Sans', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen,
 			Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
 		font-size: 1.05em;
@@ -230,7 +230,7 @@
 		filter: invert(0);
 	}
 
-	#container {
+	.container {
 		height: 100%;
 		display: flex;
 		flex-direction: column;
@@ -259,7 +259,7 @@
 		outline: none;
 	}
 
-	#avatar {
+	.avatar {
 		width: 2em;
 		display: inline-block;
 		vertical-align: middle;
-- 
cgit v1.2.3

