feat: DM improvements

zio/stable
patak 2022-12-13 00:10:04 +01:00
parent b61afaab9e
commit 77fb294c4d
4 changed files with 8 additions and 4 deletions

View File

@ -101,7 +101,7 @@ const showRebloggedByAvatarOnAvatar = rebloggedBy && avatarOnAvatar && reblogged
<div <div
space-y-2 space-y-2
:class="{ :class="{
'my3 p1 px4 br2 bg-fade border-primary border-1 rounded-3 rounded-tl-none': status.visibility === 'direct', 'my3 p1 px4 br2 bg-fade border-primary-light border-1 rounded-3 rounded-tl-none': status.visibility === 'direct',
}" }"
> >
<StatusSpoiler :enabled="status.sensitive || isFiltered" :filter="isFiltered"> <StatusSpoiler :enabled="status.sensitive || isFiltered" :filter="isFiltered">
@ -114,8 +114,9 @@ const showRebloggedByAvatarOnAvatar = rebloggedBy && avatarOnAvatar && reblogged
v-if="status.mediaAttachments?.length" v-if="status.mediaAttachments?.length"
:status="status" :status="status"
minimized minimized
:class="status.visibility === 'direct' ? 'pb4' : ''"
/> />
<StatusPreviewCard v-if="status.card" :card="status.card" /> <StatusPreviewCard v-if="status.card" :card="status.card" :class="status.visibility === 'direct' ? 'pb4' : ''" />
</StatusSpoiler> </StatusSpoiler>
<StatusCard <StatusCard
v-if="status.reblog" v-if="status.reblog"

View File

@ -26,7 +26,7 @@ const visibility = $computed(() => STATUS_VISIBILITIES.find(v => v.value === sta
</AccountHoverWrapper> </AccountHoverWrapper>
</NuxtLink> </NuxtLink>
<div <div
:class="status.visibility === 'direct' ? 'my2 p1 px4 br2 bg-fade border-primary border-1 rounded-3 rounded-tl-none' : ''" :class="status.visibility === 'direct' ? 'my2 p1 px4 br2 bg-fade border-primary-light border-1 rounded-3 rounded-tl-none' : ''"
> >
<StatusSpoiler :enabled="status.sensitive"> <StatusSpoiler :enabled="status.sensitive">
<template #spoiler> <template #spoiler>
@ -39,8 +39,9 @@ const visibility = $computed(() => STATUS_VISIBILITIES.find(v => v.value === sta
<StatusMedia <StatusMedia
v-if="status.mediaAttachments?.length" v-if="status.mediaAttachments?.length"
:status="status" :status="status"
:class="status.visibility === 'direct' ? 'pb4' : ''"
/> />
<StatusPreviewCard v-if="status.card" :card="status.card" /> <StatusPreviewCard v-if="status.card" :card="status.card" :class="status.visibility === 'direct' ? 'pb4' : ''" />
</StatusSpoiler> </StatusSpoiler>
</div> </div>
<div flex="~ gap-1" items-center text-secondary text-sm> <div flex="~ gap-1" items-center text-secondary text-sm>

View File

@ -1,6 +1,7 @@
:root { :root {
--c-primary: #EA9E44; --c-primary: #EA9E44;
--c-primary-active: #C16929; --c-primary-active: #C16929;
--c-primary-light: #EA9E4466;
--c-border: #eee; --c-border: #eee;
--c-bg-base: #fff; --c-bg-base: #fff;

View File

@ -15,6 +15,7 @@ export default defineConfig({
'border-base': 'border-$c-border', 'border-base': 'border-$c-border',
'border-strong': 'border-$c-text-base', 'border-strong': 'border-$c-text-base',
'border-bg-base': 'border-$c-bg-base', 'border-bg-base': 'border-$c-bg-base',
'border-primary-light': 'border-$c-primary-light',
// background // background
'bg-base': 'bg-$c-bg-base', 'bg-base': 'bg-$c-bg-base',