NHoarau/work-hub-server
1
1
Fork 0
Code Issues 3 Pull requests 1 Actions Packages Projects 1 Releases Wiki Activity

feat(ui): add icons to buttons in ProjectForm and projects index for better UX

Browse source
This commit is contained in:
Nicolas HOARAU 2026-06-22 11:00:54 +04:00
parent 568b04ca27
commit d826ee6a50
2 changed files with 4 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
apps/web/app/components/ProjectForm.vue
View file

@ -47,8 +47,8 @@ function onSubmit() {
</UFormField> </UFormField>
<div class="flex gap-3 justify-end"> <div class="flex gap-3 justify-end">
<UButton label="Cancel" color="neutral" variant="outline" to="/projects" /> <UButton label="Cancel" icon="i-lucide-x" color="neutral" variant="outline" to="/projects" />
<UButton type="submit" label="Save" color="primary" :loading="saving" /> <UButton type="submit" label="Save" icon="i-lucide-save" color="primary" :loading="saving" />
</div> </div>
</form> </form>
</template> </template>

4
apps/web/app/pages/projects/index.vue
View file

@ -107,8 +107,8 @@ const columns: TableColumn<Project>[] = [
<template #footer> <template #footer>
<div class="flex gap-3 justify-end"> <div class="flex gap-3 justify-end">
<UButton label="Cancel" color="neutral" variant="outline" @click="confirmDelete = false" /> <UButton label="Cancel" icon="i-lucide-x" color="neutral" variant="outline" @click="confirmDelete = false; deleting = null" />
<UButton label="Delete" color="error" @click="deleting && confirmAndDelete(deleting)" /> <UButton label="Delete" icon="i-lucide-trash-2" color="error" @click="deleting && confirmAndDelete(deleting)" />
</div> </div>
</template> </template>
</UModal> </UModal>