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>
--
GitLab