Joururi/leim-tools
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Added pencil icon to edit modal

Browse Source
This commit is contained in:
Alexis
2024-06-09 10:49:48 +02:00
parent 78c1387602
commit 017b54dec7
1 changed files with 15 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
components/calendar/form/UpdateEvent.vue
View File

@@ -1,5 +1,5 @@
<script lang="ts" setup>
import { PhAlarm, PhCircleNotch, PhMapPinArea } from '@phosphor-icons/vue'
import { PhAlarm, PhCircleNotch, PhMapPinArea, PhPencilSimpleLine } from '@phosphor-icons/vue'
import { VisuallyHidden } from 'radix-vue'
const { isEditEventModalOpen } = storeToRefs(useCalendarEvents())
@@ -82,7 +82,10 @@ function handleCancel() {
<form @submit.prevent="handleAction">
<div class="grid grid-cols-2 gap-y-4">
<div class="col-span-2 ml-8">
<div class="col-span-2">
<div class="flex items-center gap-2">
<PhPencilSimpleLine size="20" weight="fill" />
<input
id="new-event-title"
v-model="eventSkeleton.title"
@@ -90,7 +93,9 @@ function handleCancel() {
name="new-event-title"
required
placeholder="Titre de l'évènement"
class="w-full -my-1 py-1 -mx-1 px-1 text-lg border-b-[1px] bg-transparent focus-visible:outline-none focus-visible:border-blue-600">
class="w-full -my-1 py-1 -mx-1 px-1 text-lg border-b-[1px] bg-transparent focus-visible:outline-none focus-visible:border-blue-600"
>
</div>
</div>
<div class="col-span-2 ml-8">