zio
/
elk
2
0
Fork 0
Code Packages Releases 2 Activity

fix: notifications spacing

zio/stable
patak 2022-12-25 20:28:26 +01:00
parent 7405dee7f6
commit 5675d5aef9
2 changed files with 4 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
components/notification/NotificationCard.vue
View File

@ -46,7 +46,7 @@ const { notification } = defineProps<{
<template v-else-if="notification.type === 'favourite'"> <template v-else-if="notification.type === 'favourite'">
<StatusCard :status="notification.status!" :faded="true"> <StatusCard :status="notification.status!" :faded="true">
<template #meta> <template #meta>
<div flex="~" gap-1 items-center> <div flex="~" gap-1 items-center mt1>
<div i-ri:heart-fill text-xl mr-1 color-red /> <div i-ri:heart-fill text-xl mr-1 color-red />
<AccountInlineInfo text-primary font-bold :account="notification.account" mr1 /> <AccountInlineInfo text-primary font-bold :account="notification.account" mr1 />
</div> </div>
@ -56,7 +56,7 @@ const { notification } = defineProps<{
<template v-else-if="notification.type === 'reblog'"> <template v-else-if="notification.type === 'reblog'">
<StatusCard :status="notification.status!" :faded="true"> <StatusCard :status="notification.status!" :faded="true">
<template #meta> <template #meta>
<div flex="~" gap-1 items-center> <div flex="~" gap-1 items-center mt1>
<div i-ri:repeat-fill text-xl mr-1 color-green /> <div i-ri:repeat-fill text-xl mr-1 color-green />
<AccountInlineInfo text-primary font-bold :account="notification.account" mr1 /> <AccountInlineInfo text-primary font-bold :account="notification.account" mr1 />
</div> </div>
@ -66,7 +66,7 @@ const { notification } = defineProps<{
<template v-else-if="notification.type === 'update'"> <template v-else-if="notification.type === 'update'">
<StatusCard :status="notification.status!" :faded="true"> <StatusCard :status="notification.status!" :faded="true">
<template #meta> <template #meta>
<div flex="~" gap-1 items-center> <div flex="~" gap-1 items-center mt1>
<div i-ri:edit-2-fill text-xl mr-1 text-secondary /> <div i-ri:edit-2-fill text-xl mr-1 text-secondary />
<AccountInlineInfo :account="notification.account" mr1 /> <AccountInlineInfo :account="notification.account" mr1 />
<span ws-nowrap> <span ws-nowrap>

2
components/notification/NotificationGroupedLikes.vue
View File

@ -10,7 +10,7 @@ const { group } = defineProps<{
<article flex flex-col relative> <article flex flex-col relative>
<StatusCard :status="group.status!" :faded="true"> <StatusCard :status="group.status!" :faded="true">
<template #meta> <template #meta>
<div flex flex-col gap-2> <div flex flex-col gap-1 mt-1>
<div v-for="like of group.likes" :key="like.account.id" flex> <div v-for="like of group.likes" :key="like.account.id" flex>
<div v-if="like.reblog" i-ri:repeat-fill text-xl mr-2 color-green /> <div v-if="like.reblog" i-ri:repeat-fill text-xl mr-2 color-green />
<div v-if="like.favourite && !like.reblog" i-ri:heart-fill text-xl mr-2 color-red /> <div v-if="like.favourite && !like.reblog" i-ri:heart-fill text-xl mr-2 color-red />