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

Avatar tailwind demo fixes

pull/4694/head
Tuğçe Küçükoğlu 2023-10-25 11:48:46 +03:00
parent 3d46104b50
commit 3f7e25ecc9
1 changed files with 4 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
doc/avatar/theming/TailwindDoc.vue
View File

@ -50,7 +50,7 @@ export default {
<div class="card"> <div class="card">
<div class="flex flex-wrap gap-5"> <div class="flex flex-wrap gap-5">
<div> <div>
<h5>Image</h5> <h5 class="mb-2">Image</h5>
<div class="flex"> <div class="flex">
<Avatar image="https://primefaces.org/cdn/primevue/images/avatar/amyelsner.png" class="mr-2" size="xlarge" shape="circle" /> <Avatar image="https://primefaces.org/cdn/primevue/images/avatar/amyelsner.png" class="mr-2" size="xlarge" shape="circle" />
<Avatar image="https://primefaces.org/cdn/primevue/images/avatar/asiyajavayant.png" class="mr-2" size="large" shape="circle" /> <Avatar image="https://primefaces.org/cdn/primevue/images/avatar/asiyajavayant.png" class="mr-2" size="large" shape="circle" />
@ -59,11 +59,11 @@ export default {
</div> </div>
<div> <div>
<h5>Badge</h5> <h5 class="mb-2">Badge</h5>
<Avatar v-badge.danger="4" class="p-overlay-badge" image="https://primefaces.org/cdn/primevue/images/organization/walter.jpg" size="xlarge" /> <Avatar v-badge.danger="4" class="relative" image="https://primefaces.org/cdn/primevue/images/organization/walter.jpg" size="xlarge" />
</div> </div>
<div> <div class="mb-2">
<h5>Gravatar</h5> <h5>Gravatar</h5>
<Avatar image="https://www.gravatar.com/avatar/05dfd4b41340d09cae045235eb0893c3?d=mp" class="flex align-items-center justify-content-center mr-2" size="xlarge" /> <Avatar image="https://www.gravatar.com/avatar/05dfd4b41340d09cae045235eb0893c3?d=mp" class="flex align-items-center justify-content-center mr-2" size="xlarge" />
</div> </div>