feat: use <style module> for friends list-scoped css
All checks were successful
ci/woodpecker/push/build-and-publish Pipeline was successful
ci/woodpecker/pr/build-and-publish Pipeline was successful

This commit is contained in:
SauceyRed 2025-07-12 18:58:09 +02:00
parent 79aa61cb81
commit 890fbebbe9
Signed by: sauceyred
GPG key ID: 2BF92EB6D8A5CCA7

View file

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