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>
|
||||
footer{
|
||||
flex-grow:1;
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
|
||||
}
|
||||
header{
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items:center;
|
||||
justify-content: center;
|
||||
|
||||
}
|
||||
#app {
|
||||
display:flex;
|
||||
flex-direction: column;
|
||||
min-height: 100vh;
|
||||
min-height: 100%;
|
||||
}
|
||||
.col{
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 460px) {
|
||||
footer{
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items:center;
|
||||
justify-content: center;
|
||||
flex-wrap: wrap;
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
</style>
|
||||
|
|
Loading…
Reference in New Issue