From 890fbebbe9f3dd91d37ff605b1fc95aeaee1a2cc Mon Sep 17 00:00:00 2001
From: SauceyRed <saucey@saucey.red>
Date: Sat, 12 Jul 2025 18:58:09 +0200
Subject: [PATCH] feat: use <style module> for friends list-scoped css

---
 pages/me/friends.vue | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/pages/me/friends.vue b/pages/me/friends.vue
index efd4642..c19df3a 100644
--- a/pages/me/friends.vue
+++ b/pages/me/friends.vue
@@ -1,8 +1,8 @@
 <template>
   <NuxtLayout name="client">
 	<DirectMessagesSidebar />
-	<div id="friends-page-content">
-		<div id="navigation-bar">
+	<div :id="$style['page-content']">
+		<div :id="$style['navigation-bar']">
 			<Button v-for="button of buttons" :text="button.label" variant="normal" :callback="button.updateFilter" />
 		</div>
 		
@@ -35,8 +35,8 @@ function updateFilter(newFilter: string) {
 }
 </script>
 
-<style>
-#friends-page-content {
+<style module>
+#page-content {
 	display: flex;
 	flex-direction: column;