diff --git a/src/components/atoms/AssetType.module.css b/src/components/atoms/AssetType.module.css index 01bf00842..a578aa0f8 100644 --- a/src/components/atoms/AssetType.module.css +++ b/src/components/atoms/AssetType.module.css @@ -1,9 +1,9 @@ .icon { - fill: var(--brand-grey-light); - width: 1.1em; - height: 1.1em; + fill: currentColor; + width: 1em; + height: 1em; vertical-align: baseline; - margin-bottom: -0.2em; + margin-bottom: -0.1em; display: inline-block; } diff --git a/src/components/atoms/AssetType.tsx b/src/components/atoms/AssetType.tsx index cfd2ffe86..c1776ec20 100644 --- a/src/components/atoms/AssetType.tsx +++ b/src/components/atoms/AssetType.tsx @@ -3,6 +3,7 @@ import styles from './AssetType.module.css' import classNames from 'classnames/bind' import { ReactComponent as Compute } from '../../images/compute.svg' import { ReactComponent as Download } from '../../images/download.svg' +import { ReactComponent as Lock } from '../../images/lock.svg' const cx = classNames.bind(styles) @@ -25,6 +26,8 @@ export default function AssetType({ {accessType === 'access' ? ( + ) : accessType === 'compute' && type === 'algorithm' ? ( + ) : ( )} diff --git a/src/components/organisms/AssetContent/MetaMain.module.css b/src/components/organisms/AssetContent/MetaMain.module.css index 9d98b6680..08155aa3d 100644 --- a/src/components/organisms/AssetContent/MetaMain.module.css +++ b/src/components/organisms/AssetContent/MetaMain.module.css @@ -1,25 +1,18 @@ .meta { margin-bottom: calc(var(--spacer) / 1.5); color: var(--color-secondary); + font-size: var(--font-size-small); } .meta p { margin-bottom: 0; } -.date { +.published { + margin-top: calc(var(--spacer) / 2); font-size: var(--font-size-small); } -.typeAndDate { - margin-bottom: calc(var(--spacer) / 12); - display: flex; -} - -.typeDetails { - border-right: 1px solid var(--border-color); - padding-right: calc(var(--spacer) / 3.5); - margin-right: calc(var(--spacer) / 4); - width: auto; - font-size: var(--font-size-small); +.updated { + font-size: var(--font-size-mini); } diff --git a/src/components/organisms/AssetContent/MetaMain.tsx b/src/components/organisms/AssetContent/MetaMain.tsx index 6e8765ce4..c2c503680 100644 --- a/src/components/organisms/AssetContent/MetaMain.tsx +++ b/src/components/organisms/AssetContent/MetaMain.tsx @@ -15,22 +15,7 @@ export default function MetaMain(): ReactElement { return ( ) } diff --git a/src/images/lock.svg b/src/images/lock.svg new file mode 100644 index 000000000..b78caeed1 --- /dev/null +++ b/src/images/lock.svg @@ -0,0 +1,4 @@ + + + +