From 862bfe9365e01ad6506a84a0ebea8c17d77210df Mon Sep 17 00:00:00 2001
From: Georg Krause <mail@georg-krause.net>
Date: Fri, 19 Nov 2021 10:49:00 +0100
Subject: [PATCH] Fix desktop banner regression

---
 front/src/components/AboutPod.vue | 13 ++++++++++---
 1 file changed, 10 insertions(+), 3 deletions(-)

diff --git a/front/src/components/AboutPod.vue b/front/src/components/AboutPod.vue
index 485868089..399c22a4c 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>