Merge pull request #88 from Realityloop/feature/85-event_card

chore(#85): update event card tags
Realityloop · Jul 14, 2023 · 7f8f2b0 · 7f8f2b0
2 parents 2983f77 + 1134883
commit 7f8f2b0
Show file tree

Hide file tree

Showing 3 changed files with 18 additions and 9 deletions.
diff --git a/src/components/EventCard.vue b/src/components/EventCard.vue
@@ -85,12 +85,16 @@
 
       <!-- Tags -->
       <div class="ct-event-card__tags">
-        <CTTag
-          v-for="tag of tags"
-          :key="tag.id"
-          :value="tag.value"
-          :theme="theme"
-        />
+        <CTItemList
+          class="ct-tag-list__content"
+          :items="tags"
+          size="small"
+          type="horizontal"
+        >
+          <template #default="{ item }">
+            <CTTag :value="item.value" :theme="theme" />
+          </template>
+        </CTItemList>
 
         <CTLink
           v-if="link"

diff --git a/src/components/ItemList.vue b/src/components/ItemList.vue
@@ -3,7 +3,8 @@
     class="ct-item-list"
     :class="{
       [`ct-item-list--${type}`]: true,
-      'ct-item-list--no-gap': noGap
+      [`ct-item-list--${size}`]: size,
+      'ct-item-list--no-gap': noGap,
     }">
     <li
       v-for="(item, delta) of items"
@@ -27,6 +28,10 @@ export default {
       type: Boolean,
       default: false
     },
+    size: {
+      type: String,
+      default: 'regular'
+    },
     type: {
       type: String,
       default: 'vertical'

diff --git a/src/components/Tag.vue b/src/components/Tag.vue
@@ -10,13 +10,13 @@
     :aria-label="model"
   >
     <CTIcon
-      v-if="iconPosition === 'before'"
+      v-if="icon && iconPosition === 'before'"
       :symbol="icon"
       size="small"
     />
     {{ model }}
     <CTIcon
-      v-if="iconPosition === 'after'"
+      v-if="icon && iconPosition === 'after'"
       :symbol="icon"
       size="small"
     />