X-Git-Url: https://git.auder.net/?a=blobdiff_plain;f=client%2Fsrc%2Fviews%2FNews.vue;h=664b5957bbff1e8cf22429bf5f9d63de724479f8;hb=b1fea144e72b3bce1a2d2c630618805eb45424b4;hp=e3d135394b9ad15bdee4451423822405ee30647a;hpb=4ae01cba319acd3519cf64dc3537cc6c4020e6cb;p=vchess.git

diff --git a/client/src/views/News.vue b/client/src/views/News.vue
index e3d13539..664b5957 100644
--- a/client/src/views/News.vue
+++ b/client/src/views/News.vue
@@ -51,7 +51,6 @@ export default {
   data: function() {
     return {
       st: store.state,
-      devTeam: params.devs.includes(store.state.user.id),
       // timestamp of oldest showed news:
       cursor: Number.MAX_SAFE_INTEGER,
       // hasMore == TRUE: a priori there could be more news to load
@@ -61,6 +60,11 @@ export default {
       infoMsg: ""
     };
   },
+  computed: {
+    devTeam: function() {
+      return params.devs.includes(this.st.user.id);
+    }
+  },
   created: function() {
     ajax(
       "/news",
@@ -191,7 +195,7 @@ export default {
 };
 </script>
 
-<style lang="sass">
+<style lang="sass" scoped>
 [type="checkbox"].modal+div .card
   max-width: 767px
   max-height: 100%
@@ -217,6 +221,15 @@ span.ndt
   color: darkblue
   padding: 0 5px 0 var(--universal-margin)
 
+.margintop
+  margin-top: 25px
+  border-top: 1px solid grey
+@media screen and (max-width: 767px)
+  .margintop
+    margin-top: 10px
+</style>
+
+<style lang="sass">
 .news
   padding-top: 10px
   & > .dev-buttons
@@ -229,11 +242,4 @@ span.ndt
       display: block
       margin-top: 10px
       content: " "
-
-.margintop
-  margin-top: 25px
-  border-top: 1px solid grey
-@media screen and (max-width: 767px)
-  .margintop
-    margin-top: 10px
 </style>