forked from llaq/infojune.old
Edit header,footer
This commit is contained in:
parent
c8249c54c9
commit
74934c299b
22
src/App.vue
22
src/App.vue
|
@ -24,19 +24,35 @@ export default {
|
||||||
|
|
||||||
<style>
|
<style>
|
||||||
footer{
|
footer{
|
||||||
flex-grow:1;
|
position: absolute;
|
||||||
|
bottom: 0;
|
||||||
|
|
||||||
|
}
|
||||||
|
header{
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
align-items:center;
|
||||||
|
justify-content: center;
|
||||||
|
|
||||||
}
|
}
|
||||||
#app {
|
#app {
|
||||||
display:flex;
|
display:flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
min-height: 100vh;
|
min-height: 100%;
|
||||||
}
|
}
|
||||||
.col{
|
.col{
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: row;
|
flex-direction: row;
|
||||||
}
|
}
|
||||||
|
@media only screen and (max-width: 460px) {
|
||||||
footer{
|
footer{
|
||||||
|
display: flex;
|
||||||
|
flex-direction: row;
|
||||||
|
align-items:center;
|
||||||
|
justify-content: center;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
</style>
|
</style>
|
||||||
|
|
Loading…
Reference in New Issue