1
0
mirror of https://github.com/oceanprotocol/market.git synced 2024-06-30 13:51:42 +02:00
market/src/components/App.module.css

36 lines
595 B
CSS
Raw Normal View History

2020-05-07 08:03:30 +02:00
.app {
height: 100%;
2020-07-15 14:34:40 +02:00
background: url('../../node_modules/@oceanprotocol/art/waves/waves.svg')
no-repeat center 13.5rem;
2020-05-07 08:03:30 +02:00
/* sticky footer technique */
display: flex;
min-height: 100vh;
flex-direction: column;
}
@media (min-width: 2000px) {
.app {
background-size: contain;
}
}
2020-05-07 08:03:30 +02:00
.app > * {
width: 100%;
}
.main {
padding: calc(var(--spacer) * 1.5) 0 calc(var(--spacer) * 2) 0;
2020-05-07 08:03:30 +02:00
/* sticky footer technique */
flex: 1;
}
.main > div[class*='Alert']:first-child {
margin-top: -2rem;
}
.main > div[class*='Alert'] {
margin-bottom: calc(var(--spacer) / 1.5);
}