thunderstrike/plane
thunderstrike/plane
2
0
Fork 0
forked from github/plane
Code Pull Requests Activity

style: product update modal

Browse Source
This commit is contained in:
anmolsinghbhatia 2023-04-28 18:29:01 +05:30
parent 3fae0f39c0
commit 9464b5c00e
1 changed files with 5 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
apps/app/components/ui/product-updates-modal.tsx
View File

@ -31,7 +31,7 @@ export const ProductUpdatesModal: React.FC<Props> = ({ isOpen, setIsOpen }) => {
leaveFrom="opacity-100" leaveFrom="opacity-100"
leaveTo="opacity-0" leaveTo="opacity-0"
> >
<div className="fixed inset-0 bg-[#131313] bg-opacity-50 transition-opacity" /> <div className="fixed inset-0 bg-brand-backdrop bg-opacity-50 transition-opacity" />
</Transition.Child> </Transition.Child>
<div className="fixed inset-0 z-20 overflow-y-auto"> <div className="fixed inset-0 z-20 overflow-y-auto">
@ -64,15 +64,15 @@ export const ProductUpdatesModal: React.FC<Props> = ({ isOpen, setIsOpen }) => {
</span> </span>
</Dialog.Title> </Dialog.Title>
{updates && updates.length > 0 ? ( {updates && updates.length > 0 ? (
updates.map((item: any, index: number) => ( updates.map((item, index: number) => (
<> <>
<div className="flex items-center gap-2 text-xs text-brand-secondary"> <div className="flex items-center gap-3 text-xs text-brand-secondary">
<span className="flex items-center rounded-full border border-brand-base bg-brand-surface-2 px-3 py-1.5 text-xs"> <span className="flex items-center rounded-full border border-brand-base bg-brand-surface-1 px-3 py-1.5 text-xs">
{item.tag_name} {item.tag_name}
</span> </span>
<span>{renderLongDateFormat(item.published_at)}</span> <span>{renderLongDateFormat(item.published_at)}</span>
{index === 0 && ( {index === 0 && (
<span className="flex items-center justify-center rounded-2xl bg-brand-accent p-1 px-2 text-xs text-white"> <span className="flex items-center rounded-full border border-brand-base bg-brand-accent px-3 py-1.5 text-xs text-white">
New New
</span> </span>
)} )}