vikunja-frontend/src/styles/theme/update-notification.scss

41 lines
658 B
SCSS
Raw Normal View History

2019-12-19 23:09:23 +01:00
.update-notification {
margin: 1rem;
2019-12-19 23:09:23 +01:00
display: flex;
align-items: center;
background: $warning;
padding: 0 0 0 .5rem;
2019-12-19 23:09:23 +01:00
border-radius: $radius;
font-size: .9rem;
color: $grey-900;
2019-12-19 23:09:23 +01:00
justify-content: space-between;
@media screen and (max-width: $desktop) {
& {
position: fixed;
bottom: 1rem;
2019-12-19 23:09:23 +01:00
margin: 0;
width: 450px;
left: calc(50vw - 225px);
}
}
@media screen and (max-width: $tablet) {
2019-12-19 23:09:23 +01:00
& {
position: fixed;
left: 1rem;
right: 1rem;
bottom: 1rem;
2019-12-19 23:09:23 +01:00
width: auto;
}
}
p {
text-align: center;
width: 100%;
}
.button {
margin-left: .5rem;
2019-12-19 23:09:23 +01:00
}
}