Compare commits

...

2 Commits

Author SHA1 Message Date
mo
b5f16a3d0d Merge pull request 'Refactor: Replace button elements with VButton and VIcon components in GroupsPage' (#39) from ph4 into prod
Reviewed-on: #39
2025-06-01 19:51:23 +02:00
mohamad
c6c204f64a Refactor: Replace button elements with VButton and VIcon components in GroupsPage
Some checks failed
Deploy to Production, build images and push to Gitea Registry / build_and_push (pull_request) Has been cancelled
This commit updates the GroupsPage.vue file by replacing standard button elements with custom VButton and VIcon components for improved consistency and styling. This change enhances the UI component structure and aligns with the project's design system.
2025-06-01 19:51:05 +02:00

View File

@ -31,12 +31,10 @@
<div v-for="group in groups" :key="group.id" class="neo-group-card" @click="selectGroup(group)">
<h1 class="neo-group-header">{{ group.name }}</h1>
<div class="neo-group-actions">
<button class="btn btn-sm btn-secondary" @click.stop="openCreateListDialog(group)">
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-plus" />
</svg>
<VButton variant="secondary" size="sm" @click.stop="openCreateListDialog(group)">
<VIcon name="plus" class="mr-1" />
List
</button>
</VButton>
</div>
</div>
<div class="neo-create-group-card" @click="openCreateGroupDialog">
@ -116,6 +114,8 @@ import { useStorage } from '@vueuse/core';
import { onClickOutside } from '@vueuse/core';
import { useNotificationStore } from '@/stores/notifications';
import CreateListModal from '@/components/CreateListModal.vue';
import VButton from '@/components/valerie/VButton.vue';
import VIcon from '@/components/valerie/VIcon.vue';
interface Group {
id: number;