add breakpoint on User view

This commit is contained in:
Axolotle 2020-07-15 10:30:19 +02:00
parent 6ef882efd0
commit bcf9dc2c30
4 changed files with 12 additions and 6 deletions

View file

@ -1,5 +1,5 @@
<template> <template>
<div id="app"> <div id="app" class="container">
<header> <header>
<b-navbar> <b-navbar>
<b-navbar-brand to="/" exact exact-active-class="active"><img alt="Yunohost logo" src="./assets/logo.png"></b-navbar-brand> <b-navbar-brand to="/" exact exact-active-class="active"><img alt="Yunohost logo" src="./assets/logo.png"></b-navbar-brand>
@ -102,7 +102,7 @@ export default {
#app > header { #app > header {
border-bottom: 1px solid #eee; border-bottom: 1px solid #eee;
margin-top: 1rem; padding-top: 1rem;
margin-bottom: 1rem; margin-bottom: 1rem;
.navbar { .navbar {

View file

@ -46,6 +46,6 @@ export default {
<style lang="scss" scoped> <style lang="scss" scoped>
.breadcrumb { .breadcrumb {
border: none; border: none;
background-color: transparent; background-color: transparent !important;
} }
</style> </style>

View file

@ -18,8 +18,7 @@
// Bootstrap overrides // Bootstrap overrides
body { body {
margin: auto; margin: 0;
max-width: 90%;
font-family: "Source Sans Pro", "Helvetica Neue", "Fira Sans", Helvetica, Arial, sans-serif; font-family: "Source Sans Pro", "Helvetica Neue", "Fira Sans", Helvetica, Arial, sans-serif;
} }

View file

@ -84,7 +84,14 @@ export default {
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
@import '@/scss/_variables.scss'; @import '@/scss/main.scss';
.card-body > div {
flex-direction: column;
@include media-breakpoint-up(md) {
flex-direction: row;
}
}
h2 { h2 {
margin: 0; margin: 0;