diff --git a/src/components/molecules/AssetTeaser.module.css b/src/components/molecules/AssetTeaser.module.css index 8ebe02f0e..29aa5f400 100644 --- a/src/components/molecules/AssetTeaser.module.css +++ b/src/components/molecules/AssetTeaser.module.css @@ -40,6 +40,9 @@ .foot { margin-top: calc(var(--spacer) / 4); + display: flex; + justify-content: space-between; + align-items: flex-end; } .foot p { @@ -61,3 +64,8 @@ .symbol { display: block; } + +.date { + font-size: var(--font-size-mini); + margin-top: calc(var(--spacer) / 2); +} \ No newline at end of file diff --git a/src/components/molecules/AssetTeaser.tsx b/src/components/molecules/AssetTeaser.tsx index f57227485..622db1422 100644 --- a/src/components/molecules/AssetTeaser.tsx +++ b/src/components/molecules/AssetTeaser.tsx @@ -8,6 +8,7 @@ import removeMarkdown from 'remove-markdown' import Tooltip from '../atoms/Tooltip' import Publisher from '../atoms/Publisher' import { useMetadata } from '@oceanprotocol/react' +import Time from '../atoms/Time' declare type AssetTeaserProps = { ddo: DDO @@ -46,6 +47,9 @@ const AssetTeaser: React.FC = ({ ddo }: AssetTeaserProps) => {