dejank badge displays

This commit is contained in:
Youwen Wu 2024-02-14 10:02:09 -08:00
parent 0f1fc5d2c3
commit 5989c7672b
2 changed files with 9 additions and 7 deletions

View file

@ -50,11 +50,13 @@ export default function DocumentViewer({ slug }: Readonly<{ slug: string }>) {
{epoch2datestring(dates[dates.length - 1])} {epoch2datestring(dates[dates.length - 1])}
</span> </span>
</p> </p>
<ItemBadge itemName={type as DocumentType} /> <div className='flex flex-wrap gap-2'>
<Status statusName={status} /> <ItemBadge itemName={type as DocumentType} />
<span className='inline-block border-gray-200 border-2 rounded px-2 py-1.5 mr-2 shadow-sm shadow-slate-300'> <Status statusName={status} />
Revision {latest} <span className='border-gray-200 border-2 rounded px-2 py-1.5 mr-2 shadow-sm shadow-slate-300'>
</span> Revision {latest}
</span>
</div>
<hr className='my-4' /> <hr className='my-4' />
<h4 className='text-2xl mt-5 font-serif font-semibold'>Abstract</h4> <h4 className='text-2xl mt-5 font-serif font-semibold'>Abstract</h4>
<p className='my-4 text-xl text-slate-600 font-serif text-balance'> <p className='my-4 text-xl text-slate-600 font-serif text-balance'>

View file

@ -21,11 +21,11 @@ a:hover {
} }
.button-default { .button-default {
@apply bg-blue-600 text-slate-100 hover:bg-blue-400 font-semibold rounded py-2 px-4 my-2 shadow-sm shadow-slate-500; @apply bg-blue-600 text-slate-100 hover:bg-blue-400 font-semibold rounded py-2 px-4 my-2 shadow-sm shadow-slate-400;
} }
.badge-base { .badge-base {
@apply px-3 py-1.5 rounded inline-block w-fit mr-2 my-1 text-slate-50 border-2 shadow-sm shadow-slate-500; @apply px-3 py-1.5 rounded inline-block w-fit text-slate-50 border-2 shadow-sm shadow-slate-400;
} }
.badge-draft { .badge-draft {