CDN image fixes
parent
f115c2e035
commit
c1927a0bd9
|
@ -13,7 +13,7 @@
|
||||||
|
|
||||||
<div class="flex-auto">
|
<div class="flex-auto">
|
||||||
<h5>Badge</h5>
|
<h5>Badge</h5>
|
||||||
<Avatar v-badge.danger="4" class="p-overlay-badge" image="/images/organization/walter.jpg" size="xlarge" />
|
<Avatar v-badge.danger="4" class="p-overlay-badge" image="https://primefaces.org/cdn/primevue/images/organization/walter.jpg" size="xlarge" />
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="flex-auto">
|
<div class="flex-auto">
|
||||||
|
|
|
@ -5,7 +5,7 @@
|
||||||
<div class="card flex align-items-center justify-content-center">
|
<div class="card flex align-items-center justify-content-center">
|
||||||
<Card style="width: 25em">
|
<Card style="width: 25em">
|
||||||
<template #header>
|
<template #header>
|
||||||
<img alt="user header" src="/images/usercard.png" />
|
<img alt="user header" src="https://primefaces.org/cdn/primevue/images/usercard.png" />
|
||||||
</template>
|
</template>
|
||||||
<template #title> Advanced Card </template>
|
<template #title> Advanced Card </template>
|
||||||
<template #subtitle> Card subtitle </template>
|
<template #subtitle> Card subtitle </template>
|
||||||
|
@ -52,7 +52,7 @@ export default {
|
||||||
<div class="card flex align-items-center justify-content-center">
|
<div class="card flex align-items-center justify-content-center">
|
||||||
<Card style="width: 25em">
|
<Card style="width: 25em">
|
||||||
<template #header>
|
<template #header>
|
||||||
<img alt="user header" src="/images/usercard.png" />
|
<img alt="user header" src="https://primefaces.org/cdn/primevue/images/usercard.png" />
|
||||||
</template>
|
</template>
|
||||||
<template #title> Advanced Card </template>
|
<template #title> Advanced Card </template>
|
||||||
<template #subtitle> Card subtitle </template>
|
<template #subtitle> Card subtitle </template>
|
||||||
|
@ -77,7 +77,7 @@ export default {
|
||||||
<div class="card flex align-items-center justify-content-center">
|
<div class="card flex align-items-center justify-content-center">
|
||||||
<Card style="width: 25em">
|
<Card style="width: 25em">
|
||||||
<template #header>
|
<template #header>
|
||||||
<img alt="user header" src="/images/usercard.png" />
|
<img alt="user header" src="https://primefaces.org/cdn/primevue/images/usercard.png" />
|
||||||
</template>
|
</template>
|
||||||
<template #title> Advanced Card </template>
|
<template #title> Advanced Card </template>
|
||||||
<template #subtitle> Card subtitle </template>
|
<template #subtitle> Card subtitle </template>
|
||||||
|
|
|
@ -27,30 +27,18 @@ export default {
|
||||||
return {
|
return {
|
||||||
code: {
|
code: {
|
||||||
basic: `
|
basic: `
|
||||||
<InlineMessage
|
<InlineMessage :style="{ border: 'solid #696cff', borderWidth: '0 0 0 6px', color: '#696cff' }"
|
||||||
:style="{
|
severity="info" class="border-primary w-full justify-content-start">
|
||||||
border: 'solid #696cff',
|
|
||||||
borderWidth: '0 0 0 6px',
|
|
||||||
color: '#696cff'
|
|
||||||
}"
|
|
||||||
severity="info"
|
|
||||||
class="border-primary w-full justify-content-start">
|
|
||||||
<div class="flex align-items-center">
|
<div class="flex align-items-center">
|
||||||
<img alt="logo" src="https://primefaces.org/cdn/primevue/images/logo.svg" width="32" />
|
<img alt="logo" src="/images/logo.svg" width="32" />
|
||||||
<div class="ml-2">Always bet on Prime.</div>
|
<div class="ml-2">Always bet on Prime.</div>
|
||||||
</div>
|
</div>
|
||||||
</InlineMessage>`,
|
</InlineMessage>`,
|
||||||
options: `
|
options: `
|
||||||
<template>
|
<template>
|
||||||
<div class="card">
|
<div class="card">
|
||||||
<InlineMessage
|
<InlineMessage :style="{ border: 'solid #696cff', borderWidth: '0 0 0 6px', color: '#696cff' }"
|
||||||
:style="{
|
severity="info" class="border-primary w-full justify-content-start">
|
||||||
border: 'solid #696cff',
|
|
||||||
borderWidth: '0 0 0 6px',
|
|
||||||
color: '#696cff'
|
|
||||||
}"
|
|
||||||
severity="info"
|
|
||||||
class="border-primary w-full justify-content-start">
|
|
||||||
<div class="flex align-items-center">
|
<div class="flex align-items-center">
|
||||||
<img alt="logo" src="https://primefaces.org/cdn/primevue/images/logo.svg" width="32" />
|
<img alt="logo" src="https://primefaces.org/cdn/primevue/images/logo.svg" width="32" />
|
||||||
<div class="ml-2">Always bet on Prime.</div>
|
<div class="ml-2">Always bet on Prime.</div>
|
||||||
|
@ -64,15 +52,8 @@ export default {
|
||||||
composition: `
|
composition: `
|
||||||
<template>
|
<template>
|
||||||
<div class="card">
|
<div class="card">
|
||||||
<InlineMessage
|
<InlineMessage :style="{ border: 'solid #696cff', borderWidth: '0 0 0 6px', color: '#696cff' }"
|
||||||
:style="{
|
severity="info" class="border-primary w-full justify-content-start">
|
||||||
border: 'solid #696cff',
|
|
||||||
borderWidth: '0 0 0 6px',
|
|
||||||
color: '#696cff'
|
|
||||||
}"
|
|
||||||
severity="info"
|
|
||||||
class="border-primary w-full justify-content-start"
|
|
||||||
>
|
|
||||||
<div class="flex align-items-center">
|
<div class="flex align-items-center">
|
||||||
<img alt="logo" src="https://primefaces.org/cdn/primevue/images/logo.svg" width="32" />
|
<img alt="logo" src="https://primefaces.org/cdn/primevue/images/logo.svg" width="32" />
|
||||||
<div class="ml-2">Always bet on Prime.</div>
|
<div class="ml-2">Always bet on Prime.</div>
|
||||||
|
|
|
@ -59,7 +59,7 @@ export default {
|
||||||
{{ slotProps.item.date }}
|
{{ slotProps.item.date }}
|
||||||
</template>
|
</template>
|
||||||
<template #content>
|
<template #content>
|
||||||
<img v-if="slotProps.item.image" :src="\`https://primefaces.org/cdn/primevue/images/product/\${slotProps.item.image}\`" :alt="slotProps.item.name" width="200" class="shadow-1" />
|
<img v-if="slotProps.item.image" :src="\`/images/product/\${slotProps.item.image}\`" :alt="slotProps.item.name" width="200" class="shadow-1" />
|
||||||
<p>
|
<p>
|
||||||
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Inventore sed consequuntur error repudiandae numquam deserunt quisquam repellat libero asperiores earum nam nobis, culpa ratione quam perferendis esse, cupiditate
|
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Inventore sed consequuntur error repudiandae numquam deserunt quisquam repellat libero asperiores earum nam nobis, culpa ratione quam perferendis esse, cupiditate
|
||||||
neque quas!
|
neque quas!
|
||||||
|
|
|
@ -28,7 +28,7 @@
|
||||||
</li>
|
</li>
|
||||||
<li class="mr-0 lg:mr-2">
|
<li class="mr-0 lg:mr-2">
|
||||||
<router-link to="/uikit">
|
<router-link to="/uikit">
|
||||||
<img src="/images/landing/uikit-icon.svg" alt="primevue designer" width="30" />
|
<img src="https://primefaces.org/cdn/primevue/images/landing/uikit-icon.svg" alt="primevue designer" width="30" />
|
||||||
<span>UI Kit</span>
|
<span>UI Kit</span>
|
||||||
</router-link>
|
</router-link>
|
||||||
</li>
|
</li>
|
||||||
|
|
Loading…
Reference in New Issue