From bbee110e7279fdd54dd3beb8beb6851c0c40d333 Mon Sep 17 00:00:00 2001
From: sebbe <sbs@getwhy.io>
Date: Fri, 22 Nov 2024 15:06:25 +0100
Subject: [PATCH] Adjust icon size in icon list

---
 apps/showcase/doc/icons/ListDoc.vue | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/apps/showcase/doc/icons/ListDoc.vue b/apps/showcase/doc/icons/ListDoc.vue
index 6383aef8c..82e8e14c7 100644
--- a/apps/showcase/doc/icons/ListDoc.vue
+++ b/apps/showcase/doc/icons/ListDoc.vue
@@ -6,7 +6,7 @@
     <InputText v-model="filter" class="w-full p-4 mt-4 mb-6" placeholder="Search an icon" />
 
     <div class="card">
-        <div class="grid grid-cols-12 gap-4 text-center">
+        <div class="grid grid-cols-12 gap-4 text-center icons-size">
             <div v-for="icon of filteredIcons" :key="icon.properties.name" class="col-span-12 md:col-span-2 mb-8">
                 <i :class="'text-2xl mb-4 text-surface-500 dark:text-surface-400 pi pi-' + icon.properties.name"></i>
                 <div>pi-{{ icon.properties.name }}</div>
@@ -15,6 +15,12 @@
     </div>
 </template>
 
+<style scoped>
+.icons-size {
+    --p-icon-size: 2rem;
+}
+</style>
+
 <script>
 import { IconService } from '@/service/IconService';