remove mixin, add in global

Author: prachi00

components/rmrk/Gallery/CollectionItem.vue

@@ -58,7 +58,7 @@
       </div>
     </div>
 
-    <b-tabs position="is-centered" v-model="activeTab" class="tabs-container-collection">
+    <b-tabs position="is-centered" v-model="activeTab" class="tabs-container-mobile">
       <b-tab-item label="Collection" value="collection">
         <Search v-bind.sync="searchQuery">
           <Layout class="mr-5" />
@@ -371,15 +371,8 @@ export default class CollectionItem extends mixins(ChainMixin, PrefixMixin) {
 </script>
 
 <style lang="scss">
-@import '@/styles/mixins';
 
 .collection__image img {
   color: transparent;
 }
-
-.tabs-container-collection {
-  .tab-content {
-    @include tabs-mobile-padding;
-  }
-}
 </style>

pages/rmrk/u/_id.vue

@@ -46,7 +46,7 @@
 
       <b-tabs
         :class="{ 'invisible-tab': sharingVisible }"
-        class="tabs-container-profile"
+        class="tabs-container-mobile"
         v-model="activeTab"
         destroy-on-hide
         expanded
@@ -404,12 +404,4 @@ export default class Profile extends mixins(PrefixMixin) {
 }
 </style>
 
-<style lang="scss">
-@import '@/styles/mixins';
-.tabs-container-profile{
-  .tab-content {
-    @include tabs-mobile-padding;
-  }
-}
-</style>
 

styles/global.scss

@@ -155,6 +155,13 @@ body {
     .message.is-primary .message-body {
         color: $primary-light !important;
     }
+    .tabs-container-mobile {
+        .tab-content {
+          @media screen and (max-width: 1023px) {
+            padding: 1rem 0;
+          }
+        }
+      }
 }
 
 // global CSS for page transitions
@@ -183,4 +190,6 @@ body {
         padding: 0.75rem !important;
         }
     }
+
 }
+