meta item container dropped

This commit is contained in:
NikolaBorislavovHristov 2019-08-03 22:25:15 +03:00
parent 985793aa96
commit e2959910a0
2 changed files with 8 additions and 16 deletions

View file

@ -24,13 +24,12 @@ const Discover = ({ urlParams, queryParams }) => {
</div>
<div className={styles['meta-items-container']} tabIndex={-1}>
{metaItems.map((metaItem) => (
<div key={metaItem.id} className={styles['meta-item-container']}>
<MetaItem
{...metaItem}
className={classnames(styles['meta-item'], { 'active': metaItem.id === selectedItem.id })}
onClick={changeMetaItem}
/>
</div>
<MetaItem
{...metaItem}
key={metaItem.id}
className={classnames({ 'active': metaItem.id === selectedItem.id })}
onClick={changeMetaItem}
/>
))}
</div>
{

View file

@ -81,18 +81,11 @@
display: grid;
grid-template-columns: repeat(var(--items-per-row), auto);
grid-auto-rows: max-content;
grid-gap: 1.2em;
align-items: center;
padding: 0 0.6em;
padding: var(--focusable-border-size) 1.2em 0;
overflow-x: hidden;
overflow-y: auto;
.meta-item-container {
padding: 0.6em;
.meta-item {
width: 100%;
}
}
}
.meta-preview-container {