diff --git a/package.json b/package.json index 679afde..b213b0c 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "@poap-xyz/poap-family", - "version": "1.2.2", + "version": "1.2.3", "author": { "name": "POAP", "url": "https://poap.xyz" diff --git a/src/components/EventCount.js b/src/components/EventCount.js index f134236..1254fa1 100644 --- a/src/components/EventCount.js +++ b/src/components/EventCount.js @@ -1,22 +1,11 @@ import TokenImage from './TokenImage' import '../styles/event-count.css' -function EventCount({ event, count, linkToGallery = false }) { +function EventCount({ event, count, size = 64 }) { return (
- {linkToGallery && - - - {count} - - } - {!linkToGallery && - // eslint-disable-next-line jsx-a11y/anchor-is-valid - - - {count} - - } + + {count}
) } diff --git a/src/components/InCommon.js b/src/components/InCommon.js index 6b80bb3..db5f70f 100644 --- a/src/components/InCommon.js +++ b/src/components/InCommon.js @@ -142,20 +142,25 @@ function InCommon({
{inCommonEntries.map( ([eventId, addresses]) => ( - + +
) )} {hasMore && ( diff --git a/src/styles/in-common.css b/src/styles/in-common.css index d3266f7..d480080 100644 --- a/src/styles/in-common.css +++ b/src/styles/in-common.css @@ -1,22 +1,29 @@ .in-common .event-button { background: transparent; + border-width: 0; + cursor: pointer; +} + +.in-common .in-common-event { + display: inline-block; border: .1rem solid transparent; border-radius: 12px; - cursor: pointer; - margin: .1rem; + margin: .2rem; + overflow-wrap: break-word; + width: 72px; } -.in-common .show-all .event-button.perfect { +.in-common .show-all .in-common-event.perfect { background-color: #eee; border-color: #cdcdcd; } -.in-common .event-button.selected { +.in-common .in-common-event.selected { background-color: #7d73e2 !important; border-color: #473e6b !important; } -.in-common .event-button .event-image { +.in-common .in-common-event .event-image { display: inline-block; margin: 4px; width: 64px; diff --git a/src/styles/page.css b/src/styles/page.css index b554cb3..bd9c2d2 100644 --- a/src/styles/page.css +++ b/src/styles/page.css @@ -30,11 +30,10 @@ @media only screen and (min-width: 1024px) { .page-aside { position: inherit; - margin-top: .5rem; - margin-right: 1rem; + margin: .5rem 1rem 0 0; } .page-content { - width: calc(100% - 4.2rem); + width: calc(100% - 5.2rem); } .logo-menu-card { background-color: transparent !important;