teutat3s/elk
1
0
Fork 0
Code Issues Pull requests Packages Projects Releases Wiki Activity

feat: show provider name on small screen preview cards (#442)

Browse source
This commit is contained in:
Ayo Ayco 2022-12-16 12:02:34 +01:00 committed by GitHub
parent 06952b0eee
commit 8aa2b3b084
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 4 additions and 10 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

14
components/status/StatusPreviewCard.vue
View file

@ -70,17 +70,11 @@ const providerName = $computed(() => props.card.providerName ? props.card.provid
px3 max-h-2xl px3 max-h-2xl
flex flex-col flex flex-col
:class="[ :class="[
root ? 'flex-gap-1 py1 sm:py3' : 'py3 justify-center sm:justify-start', root ? 'flex-gap-1 py1 sm:py3' : 'py1 justify-center sm:justify-start',
]" ]"
my-auto
> >
<p <p text-secondary ws-pre-wrap break-all line-clamp-1>
text-secondary ws-pre-wrap break-all
:class="[
!card.description || root
? 'line-clamp-1'
: 'hidden sm:line-clamp-1',
]"
>
{{ providerName }} {{ providerName }}
</p> </p>
<strong <strong
@ -89,7 +83,7 @@ const providerName = $computed(() => props.card.providerName ? props.card.provid
>{{ card.title }}</strong> >{{ card.title }}</strong>
<p <p
v-if="card.description" v-if="card.description"
line-clamp-1 break-all sm:line-clamp-2 sm:break-words text-secondary ws-pre-wrap line-clamp-1 break-all sm:break-words text-secondary ws-pre-wrap :class="[root ? 'sm:line-clamp-2' : '']"
> >
{{ card.description }} {{ card.description }}
</p> </p>