style: activity header spacing & actvity item icon changed from circle to square

This commit is contained in:
Shariq Ansari 2024-05-06 20:32:22 +05:30
parent 65f6692a12
commit cfdf748834

View File

@ -1,6 +1,6 @@
<template> <template>
<div class="flex items-center justify-between px-10 py-5 text-lg font-medium"> <div class="flex items-center justify-between mx-10 mt-8 mb-4 text-lg font-medium">
<div class="flex h-7 items-center text-xl font-semibold text-gray-800"> <div class="flex h-8 items-center text-xl font-semibold text-gray-800">
{{ __(title) }} {{ __(title) }}
</div> </div>
<Button <Button
@ -240,7 +240,7 @@
:class="i != activities.length - 1 ? 'after:h-full' : 'after:h-4'" :class="i != activities.length - 1 ? 'after:h-full' : 'after:h-4'"
> >
<div <div
class="z-10 mt-[15px] flex h-7 w-7 items-center justify-center rounded-full bg-gray-100" class="z-10 mt-[15px] flex h-7 w-7 items-center justify-center rounded bg-gray-100"
> >
<component <component
:is=" :is="
@ -348,7 +348,7 @@
]" ]"
> >
<div <div
class="z-10 flex h-7 w-7 items-center justify-center rounded-full bg-gray-100" class="z-10 flex h-7 w-7 items-center justify-center rounded bg-gray-100"
:class="{ :class="{
'mt-3': [ 'mt-3': [
'communication', 'communication',
@ -364,7 +364,7 @@
:is="activity.icon" :is="activity.icon"
:class=" :class="
['added', 'removed', 'changed'].includes(activity.activity_type) ['added', 'removed', 'changed'].includes(activity.activity_type)
? 'text-gray-600' ? 'text-gray-500'
: 'text-gray-800' : 'text-gray-800'
" "
/> />