local-it/vikunja-frontend
0
0
Fork 0
Code Issues Pull requests Projects Releases Wiki Activity

Fix update notification layout on mobile (#44)

Browse source
This commit is contained in:
konrad 2019-12-19 21:11:38 +00:00
parent ed4d41e2d8
commit 500e0cfaf4
1 changed files with 26 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

26
src/styles/theme.scss
View file

@ -298,6 +298,32 @@ h1,h2,h3,h4,h5,h6{
border-radius: $radius; border-radius: $radius;
font-size: .9em; font-size: .9em;
color: darken($dark, 5); color: darken($dark, 5);
justify-content: space-between;
@media screen and (max-width: $desktop) {
& {
position: fixed;
bottom: 1em;
margin: 0;
width: 450px;
left: calc(50vw - 225px);
}
}
@media screen and (max-width: $tablet){
& {
position: fixed;
left: 1em;
right: 1em;
bottom: 1em;
width: auto;
}
}
p {
text-align: center;
width: 100%;
}
.button { .button {
margin-left: .5em; margin-left: .5em;