vertumnus
/
primevue-mirror
mirror of https://github.com/primefaces/primevue.git
1
0
Fork 0
Code Packages Releases Activity

Adjust icon size in icon list

pull/6841/head
sebbe 2024-11-22 15:06:25 +01:00
parent 934d95c0b3
commit bbee110e72
1 changed files with 7 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
apps/showcase/doc/icons/ListDoc.vue
View File

@ -6,7 +6,7 @@
<InputText v-model="filter" class="w-full p-4 mt-4 mb-6" placeholder="Search an icon" /> <InputText v-model="filter" class="w-full p-4 mt-4 mb-6" placeholder="Search an icon" />
<div class="card"> <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"> <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> <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> <div>pi-{{ icon.properties.name }}</div>
@ -15,6 +15,12 @@
</div> </div>
</template> </template>
<style scoped>
.icons-size {
--p-icon-size: 2rem;
}
</style>
<script> <script>
import { IconService } from '@/service/IconService'; import { IconService } from '@/service/IconService';