test/jcrm
1
0
Fork 0
forked from test/crm
Code Pull Requests 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-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)"
>
<div class="flex items-center justify-between">
@ -32,11 +32,12 @@
},
]"
@click.stop
class="h-6 w-6"
>
<Button
icon="more-horizontal"
variant="ghosted"
class="hover:bg-white"
class="hover:bg-white !h-6 !w-6"
/>
</Dropdown>
</div>
@ -44,10 +45,10 @@
v-if="note.content"
:content="note.content"
: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"
/>
<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">
<UserAvatar :user="note.owner" size="xs" />
<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-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)"
>
<div class="flex items-center justify-between">
@ -41,10 +41,10 @@
v-if="note.content"
:content="note.content"
: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"
/>
<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">
<UserAvatar :user="note.owner" size="xs" />
<div class="text-sm text-gray-800">