oceanprotocol/market
1
0
Fork 0
mirror of https://github.com/oceanprotocol/market.git synced 2024-06-30 22:01:44 +02:00
Code Releases Activity

Profile tweaks and fixes (#278)

Browse Source 
* output emoji beside name

* spacing tweaks, fix tooltip arrow
This commit is contained in:
Matthias Kretschmann 2020-12-01 13:16:19 +01:00 committed by GitHub
parent fdf518401c
commit 26576fd188
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
5 changed files with 21 additions and 20 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
src/components/atoms/Publisher/ProfileDetails.module.css
View File

@ -7,7 +7,8 @@
@media (min-width: 40rem) { @media (min-width: 40rem) {
.profile { .profile {
margin: calc(var(--spacer) / 4); margin: calc(var(--spacer) / 8);
margin-bottom: calc(var(--spacer) / 4);
} }
} }

4
src/components/atoms/Publisher/index.tsx
View File

@ -41,8 +41,8 @@ export default function Publisher({
if (!profile) return if (!profile) return
setProfile(profile) setProfile(profile)
const { name } = profile const { name, emoji } = profile
name && setName(name) name && setName(`${emoji || ''} ${name}`)
} }
get3Box() get3Box()

2
src/components/atoms/Tooltip.module.css
View File

@ -43,7 +43,7 @@
} }
.content[data-placement*='left'] > .arrow { .content[data-placement*='left'] > .arrow {
right: -4px; right: 6px;
} }
.content[data-placement*='right'] > .arrow { .content[data-placement*='right'] > .arrow {

12
src/components/molecules/AssetTeaser.module.css
View File

@ -1,5 +1,5 @@
.teaser { .teaser {
max-width: 50rem; max-width: 40rem;
height: 100%; height: 100%;
} }
@ -29,15 +29,13 @@
} }
.title { .title {
line-height: 1.3 !important;
font-size: var(--font-size-large); font-size: var(--font-size-large);
margin-top: calc(var(--spacer) / 12); margin: 0;
margin-bottom: 0; padding-bottom: calc(var(--spacer) / 6);
} }
.partner { .publisher {
font-size: var(--font-size-small); display: block;
margin-top: calc(var(--spacer) / 8);
} }
.foot { .foot {

20
src/components/molecules/AssetTeaser.tsx
View File

@ -23,15 +23,17 @@ const AssetTeaser: React.FC<AssetTeaserProps> = ({ ddo }: AssetTeaserProps) => {
return ( return (
<article className={styles.teaser}> <article className={styles.teaser}>
<Link to={`/asset/${ddo.id}`} className={styles.link}> <Link to={`/asset/${ddo.id}`} className={styles.link}>
<Tooltip <header className={styles.header}>
placement="left" <Tooltip
content={dataTokenInfo?.name} placement="left"
className={styles.symbol} content={dataTokenInfo?.name}
> className={styles.symbol}
{dataTokenInfo?.symbol} >
</Tooltip> {dataTokenInfo?.symbol}
<h1 className={styles.title}>{name}</h1> </Tooltip>
<Publisher account={owner} minimal /> <h1 className={styles.title}>{name}</h1>
<Publisher account={owner} minimal className={styles.publisher} />
</header>
{isCompute && <div className={styles.accessLabel}>Compute</div>} {isCompute && <div className={styles.accessLabel}>Compute</div>}
<div className={styles.content}> <div className={styles.content}>