test/crm
1
0
Fork 1
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style: cosmetic changes for notes

Browse Source
This commit is contained in:
Shariq Ansari 2023-08-26 20:52:34 +05:30
parent 3db054b67c
commit 7335def7c3
2 changed files with 8 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
frontend/src/components/Activities.vue
View File

@ -16,7 +16,7 @@
<div v-if="title == 'Notes'" class="grid grid-cols-2 gap-4 p-5 pt-0"> <div v-if="title == 'Notes'" class="grid grid-cols-2 gap-4 p-5 pt-0">
<div <div
v-for="note in activities" v-for="note in activities"
class="group flex flex-col justify-between gap-2 px-4 py-3 border rounded-lg h-40 shadow-sm hover:bg-gray-50 cursor-pointer" class="group flex flex-col justify-between gap-2 px-4 py-3 border rounded-lg h-48 shadow-sm hover:bg-gray-50 cursor-pointer"
@click="emit('makeNote', note)" @click="emit('makeNote', note)"
> >
<div class="flex items-center justify-between"> <div class="flex items-center justify-between">
@ -32,11 +32,12 @@
}, },
]" ]"
@click.stop @click.stop
class="h-6 w-6"
> >
<Button <Button
icon="more-horizontal" icon="more-horizontal"
variant="ghosted" variant="ghosted"
class="hover:bg-white" class="hover:bg-white !h-6 !w-6"
/> />
</Dropdown> </Dropdown>
</div> </div>
@ -44,10 +45,10 @@
v-if="note.content" v-if="note.content"
:content="note.content" :content="note.content"
:options="{ readOnly: true }" :options="{ readOnly: true }"
editor-class="!prose-sm max-w-none !text-sm focus:outline-none" editor-class="!prose-sm max-w-none !text-sm text-gray-600 focus:outline-none"
class="flex-1 overflow-hidden" class="flex-1 overflow-hidden"
/> />
<div class="flex items-center justify-between gap-2"> <div class="flex items-center justify-between mt-1 gap-2">
<div class="flex items-center gap-2"> <div class="flex items-center gap-2">
<UserAvatar :user="note.owner" size="xs" /> <UserAvatar :user="note.owner" size="xs" />
<div class="text-sm text-gray-800"> <div class="text-sm text-gray-800">

6
frontend/src/pages/Notes.vue
View File

@ -13,7 +13,7 @@
<div v-if="notes.data?.length" class="grid grid-cols-3 gap-4 p-5"> <div v-if="notes.data?.length" class="grid grid-cols-3 gap-4 p-5">
<div <div
v-for="note in notes.data" v-for="note in notes.data"
class="group flex flex-col justify-between gap-2 px-5 py-4 border rounded-lg h-52 shadow-sm hover:bg-gray-50 cursor-pointer" class="group flex flex-col justify-between gap-2 px-5 py-4 border rounded-lg h-56 shadow-sm hover:bg-gray-50 cursor-pointer"
@click="editNote(note)" @click="editNote(note)"
> >
<div class="flex items-center justify-between"> <div class="flex items-center justify-between">
@ -41,10 +41,10 @@
v-if="note.content" v-if="note.content"
:content="note.content" :content="note.content"
:options="{ readOnly: true }" :options="{ readOnly: true }"
editor-class="!prose-sm max-w-none !text-sm focus:outline-none" editor-class="!prose-sm max-w-none !text-sm text-gray-600 focus:outline-none"
class="flex-1 overflow-hidden" class="flex-1 overflow-hidden"
/> />
<div class="flex items-center justify-between gap-2"> <div class="flex items-center justify-between gap-2 mt-2">
<div class="flex items-center gap-2"> <div class="flex items-center gap-2">
<UserAvatar :user="note.owner" size="xs" /> <UserAvatar :user="note.owner" size="xs" />
<div class="text-sm text-gray-800"> <div class="text-sm text-gray-800">