mirror of
https://github.com/dap-ps/discover.git
synced 2025-02-12 09:17:32 +00:00
Fix outstanding issues #14
This commit is contained in:
parent
7b0505a531
commit
aae9a63cd2
@ -36,7 +36,9 @@ const DappListItem = props => {
|
|||||||
isRanked ? styles.rankedListItem : styles.listItem
|
isRanked ? styles.rankedListItem : styles.listItem
|
||||||
} ${visible ? '' : styles.transparent}`}
|
} ${visible ? '' : styles.transparent}`}
|
||||||
>
|
>
|
||||||
{isRanked && <div className={styles.position}>{position}</div>}
|
{isRanked && (
|
||||||
|
<div className={position ? styles.position : null}>{position}</div>
|
||||||
|
)}
|
||||||
<div
|
<div
|
||||||
className={styles.imgWrapper}
|
className={styles.imgWrapper}
|
||||||
onClick={() => onToggleProfileModal(dapp.id, name)}
|
onClick={() => onToggleProfileModal(dapp.id, name)}
|
||||||
|
@ -45,7 +45,9 @@
|
|||||||
background: #939ba1;
|
background: #939ba1;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
transform: rotate(45deg);
|
transform: rotate(45deg);
|
||||||
z-index: 99;
|
z-index: 999;
|
||||||
|
position: sticky;
|
||||||
|
margin-left: 90%;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -18,18 +18,6 @@
|
|||||||
|
|
||||||
@media (min-width: $desktop) {
|
@media (min-width: $desktop) {
|
||||||
// grid-auto-flow: row;
|
// grid-auto-flow: row;
|
||||||
grid-template-rows: repeat(4, 1fr);
|
grid-template-columns: repeat(3, 1fr);
|
||||||
grid-template-columns: unset;
|
|
||||||
overflow-x: hidden;
|
|
||||||
}
|
|
||||||
|
|
||||||
@media (min-width: 970px) {
|
|
||||||
grid-template-columns: unset;
|
|
||||||
grid-template-rows: repeat(4, 1fr);
|
|
||||||
}
|
|
||||||
|
|
||||||
@media (min-width: 1300px) {
|
|
||||||
grid-template-columns: unset;
|
|
||||||
grid-template-rows: repeat(4, 1fr);
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
@ -17,7 +17,8 @@
|
|||||||
padding: calculateRem(10) 0;
|
padding: calculateRem(10) 0;
|
||||||
position: sticky;
|
position: sticky;
|
||||||
top: 0;
|
top: 0;
|
||||||
background: #fff;
|
z-index: 99;
|
||||||
|
background: #ffffff;
|
||||||
border-bottom: 1px solid #f7f7f7;
|
border-bottom: 1px solid #f7f7f7;
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -79,6 +80,9 @@ a {
|
|||||||
height: 64px;
|
height: 64px;
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
|
position: sticky;
|
||||||
|
bottom: 0;
|
||||||
|
background: #ffffff;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
border-top: 1px solid #f7f7f7;
|
border-top: 1px solid #f7f7f7;
|
||||||
|
|
||||||
|
@ -10,7 +10,7 @@
|
|||||||
.grid {
|
.grid {
|
||||||
display: grid;
|
display: grid;
|
||||||
grid-auto-flow: column;
|
grid-auto-flow: column;
|
||||||
grid-template-columns: repeat(3, 1fr);
|
grid-template-rows: repeat(3, 1fr);
|
||||||
grid-gap: calculateRem(20);
|
grid-gap: calculateRem(20);
|
||||||
overflow-x: scroll;
|
overflow-x: scroll;
|
||||||
overflow-y: hidden;
|
overflow-y: hidden;
|
||||||
@ -19,18 +19,6 @@
|
|||||||
|
|
||||||
@media (min-width: $desktop) {
|
@media (min-width: $desktop) {
|
||||||
// grid-auto-flow: row;
|
// grid-auto-flow: row;
|
||||||
grid-template-rows: repeat(3, 1fr);
|
grid-template-columns: repeat(3, 1fr);
|
||||||
grid-template-columns: unset;
|
|
||||||
overflow-x: hidden;
|
|
||||||
}
|
|
||||||
|
|
||||||
@media (min-width: 970px) {
|
|
||||||
grid-template-columns: unset;
|
|
||||||
grid-template-rows: repeat(3, 1fr);
|
|
||||||
}
|
|
||||||
|
|
||||||
@media (min-width: 1300px) {
|
|
||||||
grid-template-columns: unset;
|
|
||||||
grid-template-rows: repeat(3, 1fr);
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
Loading…
x
Reference in New Issue
Block a user