oceanprotocol/market
1
0
Fork 0
mirror of https://github.com/oceanprotocol/market.git synced 2024-12-02 05:57:29 +01:00
Code Releases Activity

set fix width for metadata item content

Browse Source
This commit is contained in:
Bogdan Fazakas 2021-03-04 18:49:36 +02:00
parent 32ff7af3ce
commit fd619b5b4b
2 changed files with 9 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/components/organisms/AssetContent/MetaItem.module.css
View File

@ -10,3 +10,9 @@
color: var(--color-secondary); color: var(--color-secondary);
text-transform: uppercase; text-transform: uppercase;
} }
.content {
width: 11.5rem;
word-wrap: break-word;
white-space: normal;
}

4
src/components/organisms/AssetContent/MetaItem.tsx
View File

@ -1,5 +1,7 @@
import React, { ReactElement, ReactNode } from 'react' import React, { ReactElement, ReactNode } from 'react'
import styles from './MetaItem.module.css' import styles from './MetaItem.module.css'
import { syncBuiltinESMExports } from 'module'
import style from 'react-syntax-highlighter/dist/esm/styles/hljs/github-gist'
export default function MetaItem({ export default function MetaItem({
title, title,
@ -11,7 +13,7 @@ export default function MetaItem({
return ( return (
<div className={styles.metaItem}> <div className={styles.metaItem}>
<h3 className={styles.title}>{title}</h3> <h3 className={styles.title}>{title}</h3>
{content} <div className={styles.content}>{content}</div>
</div> </div>
) )
} }