From 22e260378d35134bda6c414d3c4bfea972f606a6 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=D9=83=D8=A7=D8=B1=D9=84=20=D9=85=D8=A8=D8=A7=D8=B1=D9=83?=
 <bonjour@mouabrak.eu>
Date: Thu, 15 Jul 2021 10:04:44 +0200
Subject: [PATCH] section now inherits styles

---
 "Icon\r"                               | 0
 front/src/App.vue                      | 2 +-
 front/src/components/Content/index.vue | 6 +++---
 front/src/views/Home.vue               | 8 +++++++-
 4 files changed, 11 insertions(+), 5 deletions(-)
 create mode 100644 "Icon\r"

diff --git "a/Icon\r" "b/Icon\r"
new file mode 100644
index 0000000..e69de29
diff --git a/front/src/App.vue b/front/src/App.vue
index 6039533..d1da945 100644
--- a/front/src/App.vue
+++ b/front/src/App.vue
@@ -183,7 +183,7 @@ section {
   display: flex;
   flex-direction: column;
   /* overflow: scroll; */
-  background: lightgray;
+  /* background: lightgray; */
 }
 section p {
   margin-bottom: 0;
diff --git a/front/src/components/Content/index.vue b/front/src/components/Content/index.vue
index 64078b6..fbb254e 100644
--- a/front/src/components/Content/index.vue
+++ b/front/src/components/Content/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <section id="content" :class="['content', currentStream]">
+  <section id="content">
     <h1 class="title">{{ title }}</h1>
     <Chapter
       v-for="topic in sortedTopics"
@@ -35,9 +35,9 @@ export default {
 </script>
 
 <style scoped>
-.content {
+#content {
   /* max-width: 700px; */
-  background: unset;
+  /* background: unset; */
 }
 @media print {
   .title {
diff --git a/front/src/views/Home.vue b/front/src/views/Home.vue
index f06dd4f..b2520a4 100644
--- a/front/src/views/Home.vue
+++ b/front/src/views/Home.vue
@@ -32,7 +32,10 @@
           </p>
         </div>
       </pane>
-      <pane :size="panel_sizes[1]">
+      <pane 
+        :size="panel_sizes[1]"
+        :class="currentStream"
+      >
         <Content
           :print="!show_ui || expand_content"
           :show_message_data="show_message_data"
@@ -92,6 +95,9 @@ export default {
     classes() {
       return this.show_ui ? "ui" : "print";
     },
+    currentStream() {
+      return this.$store.state.currentStream
+    }
   },
   methods: {
     resizer(panels) {