CDN image fixes

pull/3774/head
Tuğçe Küçükoğlu 2023-03-20 11:09:34 +03:00
parent f115c2e035
commit c1927a0bd9
5 changed files with 13 additions and 32 deletions

View File

@ -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">

View File

@ -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>

View File

@ -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>

View File

@ -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!

View File

@ -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>