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

Fixed alignment

pull/5806/head
Cagatay Civici 2024-05-30 03:00:59 +03:00
parent 9aa17fd097
commit 5b608615bf
1 changed files with 3 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
doc/picklist/TemplateDoc.vue
View File

@ -5,7 +5,7 @@
<div class="card"> <div class="card">
<PickList v-model="products" dataKey="id" breakpoint="1400px" scrollHeight="20rem"> <PickList v-model="products" dataKey="id" breakpoint="1400px" scrollHeight="20rem">
<template #item="{ item }"> <template #item="{ item }">
<div class="flex flex-wrap p-1 items-center gap-4"> <div class="flex flex-wrap p-1 items-center gap-4 w-full">
<img class="w-12 shrink-0 rounded" :src="'https://primefaces.org/cdn/primevue/images/product/' + item.image" :alt="item.name" /> <img class="w-12 shrink-0 rounded" :src="'https://primefaces.org/cdn/primevue/images/product/' + item.image" :alt="item.name" />
<div class="flex-1 flex flex-col gap-1"> <div class="flex-1 flex flex-col gap-1">
<span class="font-medium">{{ item.name }}</span> <span class="font-medium">{{ item.name }}</span>
@ -33,7 +33,7 @@ export default {
basic: ` basic: `
<PickList v-model="products" dataKey="id" breakpoint="1400px" scrollHeight="20rem> <PickList v-model="products" dataKey="id" breakpoint="1400px" scrollHeight="20rem>
<template #item="{ item }"> <template #item="{ item }">
<div class="flex flex-wrap p-1 items-center gap-4"> <div class="flex flex-wrap p-1 items-center gap-4 w-full">
<img class="w-12 shrink-0 rounded" :src="'https://primefaces.org/cdn/primevue/images/product/' + item.image" :alt="item.name" /> <img class="w-12 shrink-0 rounded" :src="'https://primefaces.org/cdn/primevue/images/product/' + item.image" :alt="item.name" />
<div class="flex-1 flex flex-col gap-1"> <div class="flex-1 flex flex-col gap-1">
<span class="font-medium">{{ item.name }}</span> <span class="font-medium">{{ item.name }}</span>
@ -52,7 +52,7 @@ export default {
<div class="card"> <div class="card">
<PickList v-model="products" dataKey="id" breakpoint="1400px" scrollHeight="20rem> <PickList v-model="products" dataKey="id" breakpoint="1400px" scrollHeight="20rem>
<template #item="{ item }"> <template #item="{ item }">
<div class="flex flex-wrap p-1 items-center gap-4"> <div class="flex flex-wrap p-1 items-center gap-4 w-full">
<img class="w-12 shrink-0 rounded" :src="'https://primefaces.org/cdn/primevue/images/product/' + item.image" :alt="item.name" /> <img class="w-12 shrink-0 rounded" :src="'https://primefaces.org/cdn/primevue/images/product/' + item.image" :alt="item.name" />
<div class="flex-1 flex flex-col gap-1"> <div class="flex-1 flex flex-col gap-1">
<span class="font-medium">{{ item.name }}</span> <span class="font-medium">{{ item.name }}</span>