mo/mitlist
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Compare commits

base: mo:0a6877852a837b00e0148599bb97c660b4d596e3
Branches Tags
mo:ph4
mo:prod
mo:main
...
compare: mo:b5f16a3d0dc20900213996334e9249a0c1b1cd01
Branches Tags
mo:prod
mo:ph4
mo:main

2 Commits
0a6877852a ... b5f16a3d0d

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
Details 
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
1 changed files with 5 additions and 5 deletions
Show Stats Expand all files Collapse all files

10
fe/src/pages/GroupsPage.vue
View File

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