gorb/frontend
4
0
Fork 0
Code Issues 7 Pull requests 3 Projects Releases Packages 1 Wiki Activity Actions

fix: button variants not displaying properly

Browse source
This commit is contained in:
Twig 2025-07-12 19:08:25 +02:00
parent 890fbebbe9
commit 83464c8f13
No known key found for this signature in database
1 changed files with 6 additions and 10 deletions
Download patch file Download diff file Expand all files Collapse all files

16
pages/me/friends.vue
View file

@ -3,7 +3,10 @@
<DirectMessagesSidebar />
<div :id="$style['page-content']">
<div :id="$style['navigation-bar']">
<Button v-for="button of buttons" :text="button.label" variant="normal" :callback="button.updateFilter" />
<Button text="All Friends" variant="neutral" :callback="() => updateFilter('all')" />
<Button text="Online" variant="neutral" :callback="() => updateFilter('online')" />
<Button text="Pending" variant="neutral" :callback="() => updateFilter('pending')" />
<Button text="Add Friend" variant="normal" :callback="() => updateFilter('add')" />
</div>
<div>
@ -16,17 +19,10 @@
</template>
<script lang="ts" setup>
import AddFriend from '~/components/Me/AddFriend.vue';
import DirectMessagesSidebar from '~/components/Me/DirectMessagesSidebar.vue';
import FriendsList from '~/components/Me/FriendsList.vue';
import Button from '~/components/UserInterface/Button.vue';
const buttons = [
{ label: "All Friends", updateFilter: () => updateFilter('all'), variant: "neutral" },
{ label: "Online", updateFilter: () => updateFilter('online'), variant: "neutral" },
{ label: "Pending", updateFilter: () => updateFilter('pending'), variant: "neutral" },
{ label: "Add Friend", updateFilter: () => updateFilter('add'), variant: "primary" },
]
import AddFriend from '~/components/Me/AddFriend.vue';
import FriendsList from '~/components/Me/FriendsList.vue';
let filter = ref("all");