mobile hide elements if mobile

frontend/src/components/Template/ContentHeader/CommunityMember.vue

@@ -9,11 +9,11 @@
       class="community-member bg-white appBoxShadow gradido-border-radius p-4 border border-success"
     >
       <b-row>
-        <b-col cols="8">
+        <b-col cols="12" md="8" lg="8">
           <div class="h4">{{ $t('community.communityMember') }}</div>
           <div>{{ CONFIG.COMMUNITY_NAME }}</div>
         </b-col>
-        <b-col cols="4" class="border-left border-light p-3">
+        <b-col cols="12" md="4" lg="4" class="border-left border-light p-md-3 p-lg-3">
           <b-icon icon="people"></b-icon>
           {{ totalUsers }}
         </b-col>

frontend/src/components/Template/ContentHeader/GddAmount.vue

@@ -30,8 +30,11 @@
       </b-row>
 
       <b-row>
-        <b-col cols="10">
-          <b-icon icon="layers" class="mr-3 gradido-global-border-color-accent"></b-icon>
+        <b-col cols="12" md="10" lg="10">
+          <b-icon
+            icon="layers"
+            class="mr-3 gradido-global-border-color-accent d-none d-lg-inline"
+          ></b-icon>
           <span v-if="hideAmount" class="font-weight-bold gradido-global-color-accent">
             {{ $t('asterisks') }}
           </span>
@@ -39,7 +42,7 @@
             {{ balance | GDD }}
           </span>
         </b-col>
-        <b-col cols="2" class="border-left border-light">
+        <b-col cols="12" md="2" lg="2" class="border-left border-light">
           <b-icon
             :icon="hideAmount ? 'eye-slash' : 'eye'"
             class="mr-3 gradido-global-border-color-accent"

frontend/src/components/Template/ContentHeader/GdtAmount.vue

@@ -25,8 +25,8 @@
         </b-col> -->
       </b-row>
       <b-row>
-        <b-col cols="10">
-          <b-icon icon="layers" class="mr-3 gradido-global-border-color-accent"></b-icon>
+        <b-col cols="12" md="10" lg="10">
+          <b-icon icon="layers" class="mr-3 gradido-global-border-color-accent d-none d-lg-inline"></b-icon>
           <span v-if="hideAmount" class="font-weight-bold gradido-global-color-accent">
             {{ $t('asterisks') }}
           </span>
@@ -34,7 +34,7 @@
             {{ $n(GdtBalance, 'decimal') }} {{ $t('GDT') }}
           </span>
         </b-col>
-        <b-col cols="2" class="border-left border-light">
+        <b-col cols="12" md="2" lg="2" class="border-left border-light">
           <b-icon
             :icon="hideAmount ? 'eye-slash' : 'eye'"
             class="mr-3 gradido-global-border-color-accent"

frontend/src/layouts/templates/RightSide.vue

@@ -115,7 +115,7 @@
     </b-container> -->
     <b-container v-if="path === '/community'">
       <contribution-info />
-      <last-contributions class="mt-5" />
+      <!-- <last-contributions class="mt-5" /> -->
     </b-container>
     <b-container v-if="path === '/settings'"></b-container>
   </div>