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

feat: merge update-notification.scss styles with the update.vue component

Browse source
This commit is contained in:
Dominik Pschenitschni 2021-10-18 14:33:45 +02:00
parent 6ba974f9fa
commit 7ca355db66
No known key found for this signature in database
GPG key ID: B257AC0149F43A77
3 changed files with 39 additions and 41 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

39
src/components/home/update.vue
View file

@ -47,3 +47,42 @@ export default {
}, },
} }
</script> </script>
<style lang="scss" scoped>
.update-notification {
margin: 1rem;
display: flex;
align-items: center;
background: $warning;
padding: 0 0 0 .5rem;
border-radius: $radius;
font-size: .9rem;
color: $grey-900;
justify-content: space-between;
@media screen and (max-width: $desktop) {
position: fixed;
bottom: 1rem;
margin: 0;
width: 450px;
left: calc(50vw - 225px);
}
@media screen and (max-width: $tablet) {
position: fixed;
left: 1rem;
right: 1rem;
bottom: 1rem;
width: auto;
}
p {
text-align: center;
width: 100%;
}
> * + * {
margin-left: .5rem;
}
}
</style>

1
src/styles/theme/_index.scss
View file

@ -8,5 +8,4 @@
@import "loading"; @import "loading";
@import "navigation"; @import "navigation";
@import "notification"; @import "notification";
@import "update-notification";
@import "background"; @import "background";

40
src/styles/theme/update-notification.scss
View file

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