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>
<div id="app">
<div id="app" class="container">
<header>
<b-navbar>
<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 {
border-bottom: 1px solid #eee;
margin-top: 1rem;
padding-top: 1rem;
margin-bottom: 1rem;
.navbar {

View file

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

View file

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

View file

@ -84,7 +84,14 @@ export default {
</script>
<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 {
margin: 0;