fix: Mobile view of activity actions - meed-2275 (#322)

This change allows to hide the kudos action label when mobile view.
Meeds-io · Sep 11, 2023 · 6951792 · 6951792
1 parent 2337873
commit 6951792
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/kudos-webapps/src/main/webapp/vue-app/kudos/components/KudosButton.vue b/kudos-webapps/src/main/webapp/vue-app/kudos/components/KudosButton.vue
@@ -26,10 +26,10 @@
                 <v-icon
                   :class="kudosColorClass"
                   class="baseline-vertical-align"
-                  size="14">
+                  :size="isMobile && '20' || '14'">
                   fa-award
                 </v-icon>
-                <span class="mx-auto mt-1 mt-lg-0 ms-lg-2">
+                <span v-if="!isMobile" class="mx-auto mt-1 mt-lg-0 ms-lg-2">
                   {{ $t('exoplatform.kudos.label.kudos') }}
                 </span>
               </div>