oceanprotocol/status-frontend
1
0
Fork 0
mirror of https://github.com/oceanprotocol/status-frontend.git synced 2024-11-22 01:46:56 +01:00
Code Issues Packages Projects Releases Wiki Activity

Displaying available networks and updating styling

Browse Source
This commit is contained in:
Jamie Hewitt 2022-10-10 15:04:38 +03:00
parent 9856928f3e
commit ca46f15d13
2 changed files with 21 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/pages/index.tsx
View File

@ -56,8 +56,8 @@ export default function HomePage(): ReactElement {
{networks && (
<>
{networks.map((value: string) => (
<div key={value} className={`${styles.card}`}>
<h2>{value}</h2>
<div key={value} className={`${styles.network}`}>
{value}
</div>
))}
</>

20
src/styles/Home.module.css
View File

@ -86,7 +86,25 @@
max-width: 300px;
min-width: 150px;
}
.network {
display: inline-block;
border: 1px solid #e2e2e2;
border-radius: 0.2rem;
margin-right: calc(2rem / 6);
margin-bottom: calc(2rem / 6);
color: #8b98a9;
background: #fff;
padding: calc(2rem / 6) !important;
box-shadow: none;
cursor: pointer;
width: fit-content;
min-width: auto;
text-align: center;
text-transform: uppercase;
font-size: 0.85rem;
font-weight: 600;
transition: 0.2s ease-out;
}
.up {
border: 2px solid #5fb359;
}