diff --git a/front/src/components/AboutPod.vue b/front/src/components/AboutPod.vue index 4858680895d4aec4ebf46161a9280668a05236e0..399c22a4cb939ea4fe95ed65a92251784966308f 100644 --- a/front/src/components/AboutPod.vue +++ b/front/src/components/AboutPod.vue @@ -1,12 +1,15 @@ <template> - <main class="main pusher page-about" v-title="labels.title"> - <div class="ui"> + <main + v-title="labels.title" + class="main pusher page-about" + > + <div class="ui" :class="{ container: onDesktop}"> <div class="ui horizontally fitted stripe basic segment"> <div class="ui basic vertically fitted stripe segment content"> <section :class="['ui', 'head', {'with-background': banner}, 'vertical', 'center', 'aligned', 'stripe', 'segment']" :style="headerStyle"> </section> </div> - <div class="ui basic vertically fitted stripe segment content container"> + <div class="ui basic vertically fitted stripe segment content"> <!-- See layout in _about.scss --> <div class="about-pod-info-container"> <div class="about-pod-info-toc"> @@ -337,6 +340,10 @@ export default { ")" ) }, + onDesktop () { + if(window.innerWidth > 800) return true; + return false; + } } } </script>