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

fix: github cards for mobile

zio/stable
patak 2022-12-18 11:26:55 +01:00
parent 51eaa99441
commit a210292397
1 changed files with 9 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
components/status/StatusPreviewGitHub.vue
View File

@ -90,22 +90,22 @@ const meta = $computed(() => {
}" }"
> >
<div p4 px-6 flex flex-col justify-between h-full> <div p4 px-6 flex flex-col justify-between h-full>
<div flex justify-between items-center gap-6 h-full mb-2> <div flex justify-between items-center gap-4 h-full mb-2>
<div flex flex-col gap-2> <div flex flex-col gap-2>
<a flex gap-1 text-3xl flex-wrap :href="card.url"> <a flex gap-1 text-xl sm:text-3xl flex-wrap leading-none :href="card.url">
<template v-if="meta.repo"> <template v-if="meta.repo">
<span>{{ meta.user }}</span><span text-secondary-light>/</span><span text-primary font-bold>{{ meta.repo }}</span> <span>{{ meta.user }}</span><span text-secondary-light>/</span><span text-primary font-bold>{{ meta.repo }}</span>
</template> </template>
<span v-else>{{ meta.user }}</span> <span v-else>{{ meta.user }}</span>
</a> </a>
<div flex flex-col> <div sm:text-lg>
<p v-if="meta.type === 'issue'" font-bold text-xl text-primary> <span v-if="meta.type === 'issue'" text-secondary-light mr-2>
Issue #{{ meta.number }} #{{ meta.number }}
</p> </span>
<p v-if="meta.type === 'pull'" font-bold text-xl text-primary> <span v-if="meta.type === 'pull'" text-secondary-light mr-2>
PR #{{ meta.number }} PR #{{ meta.number }}
</p> </span>
<span text-secondary-light leading-tight>{{ meta.details }}</span> <span text-secondary leading-tight>{{ meta.details }}</span>
</div> </div>
</div> </div>
<div> <div>