Cosmetics for code display
parent
c963e2e95f
commit
03732ab3f8
|
@ -34,7 +34,8 @@ export default {
|
||||||
image: { class: 'w-4rem h-4rem' }
|
image: { class: 'w-4rem h-4rem' }
|
||||||
}"
|
}"
|
||||||
/>
|
/>
|
||||||
</template>`
|
</template>
|
||||||
|
`
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
}
|
}
|
||||||
|
|
|
@ -91,7 +91,8 @@ export default {
|
||||||
class="pi pi-calendar text-4xl"
|
class="pi pi-calendar text-4xl"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
</template>`
|
</template>
|
||||||
|
`
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
}
|
}
|
||||||
|
|
|
@ -47,7 +47,8 @@ export default {
|
||||||
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
|
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
|
||||||
</p>
|
</p>
|
||||||
</BlockUI>
|
</BlockUI>
|
||||||
</template>`
|
</template>
|
||||||
|
`
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
}
|
}
|
||||||
|
|
|
@ -48,7 +48,8 @@ export default {
|
||||||
<Button class="youtube p-0" aria-label="Youtube">
|
<Button class="youtube p-0" aria-label="Youtube">
|
||||||
<i class="pi pi-youtube px-2"></i>
|
<i class="pi pi-youtube px-2"></i>
|
||||||
<span class="px-3">Youtube</span>
|
<span class="px-3">Youtube</span>
|
||||||
</Button>`
|
</Button>
|
||||||
|
`
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
}
|
}
|
||||||
|
|
|
@ -38,7 +38,8 @@ export default {
|
||||||
}"
|
}"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
</template>`
|
</template>
|
||||||
|
`
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
}
|
}
|
||||||
|
|
|
@ -129,7 +129,8 @@ export default {
|
||||||
<Button label="Help" severity="help" />
|
<Button label="Help" severity="help" />
|
||||||
<Button label="Danger" severity="danger" />
|
<Button label="Danger" severity="danger" />
|
||||||
</div>
|
</div>
|
||||||
</template>`
|
</template>
|
||||||
|
`
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
}
|
}
|
||||||
|
|
|
@ -58,7 +58,8 @@ export default {
|
||||||
</template>
|
</template>
|
||||||
</Card>
|
</Card>
|
||||||
</div>
|
</div>
|
||||||
</template>`
|
</template>
|
||||||
|
`
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
}
|
}
|
||||||
|
|
|
@ -50,7 +50,8 @@ export default {
|
||||||
label: { class: 'text-white' }
|
label: { class: 'text-white' }
|
||||||
}"
|
}"
|
||||||
/>
|
/>
|
||||||
</template>`
|
</template>
|
||||||
|
`
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
}
|
}
|
||||||
|
|
|
@ -215,7 +215,8 @@ const onCellEditComplete = (event) => {
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
|
|
||||||
<\/script>`,
|
<\/script>
|
||||||
|
`,
|
||||||
data: `
|
data: `
|
||||||
{
|
{
|
||||||
id: '1000',
|
id: '1000',
|
||||||
|
|
|
@ -297,7 +297,8 @@ const formatCurrency = (value) => {
|
||||||
return new Intl.NumberFormat('en-US', { style: 'currency', currency: 'USD' }).format(value);
|
return new Intl.NumberFormat('en-US', { style: 'currency', currency: 'USD' }).format(value);
|
||||||
}
|
}
|
||||||
|
|
||||||
<\/script>`,
|
<\/script>
|
||||||
|
`,
|
||||||
data: `
|
data: `
|
||||||
{
|
{
|
||||||
id: '1000',
|
id: '1000',
|
||||||
|
|
|
@ -20,7 +20,8 @@ export default {
|
||||||
basic: `
|
basic: `
|
||||||
<DeferredContent role="region" aria-live="polite" aria-label="Content loaded after page scrolled down">
|
<DeferredContent role="region" aria-live="polite" aria-label="Content loaded after page scrolled down">
|
||||||
Content
|
Content
|
||||||
</DeferredContent>`
|
</DeferredContent>
|
||||||
|
`
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
}
|
}
|
||||||
|
|
|
@ -74,7 +74,8 @@ export default {
|
||||||
voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Consectetur, adipisci velit, sed quia non numquam eius modi.
|
voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Consectetur, adipisci velit, sed quia non numquam eius modi.
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
</template>`
|
</template>
|
||||||
|
`
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
}
|
}
|
||||||
|
|
|
@ -862,7 +862,8 @@ const commandHandler = (text) => {
|
||||||
padding: 0;
|
padding: 0;
|
||||||
border-radius: 0;
|
border-radius: 0;
|
||||||
}
|
}
|
||||||
</style>`
|
</style>
|
||||||
|
`
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
},
|
},
|
||||||
|
|
|
@ -226,7 +226,8 @@ const positions = ref([
|
||||||
.dock-demo > .p-dock {
|
.dock-demo > .p-dock {
|
||||||
z-index: 1000;
|
z-index: 1000;
|
||||||
}
|
}
|
||||||
</style>`
|
</style>
|
||||||
|
`
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
}
|
}
|
||||||
|
|
|
@ -167,7 +167,8 @@ const items = ref([
|
||||||
.dock-demo > .p-dock {
|
.dock-demo > .p-dock {
|
||||||
z-index: 1000;
|
z-index: 1000;
|
||||||
}
|
}
|
||||||
</style>`
|
</style>
|
||||||
|
`
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
}
|
}
|
||||||
|
|
|
@ -31,7 +31,8 @@ export default {
|
||||||
root: { class: 'w-12 sm:w-9 md:w-6' }
|
root: { class: 'w-12 sm:w-9 md:w-6' }
|
||||||
}"
|
}"
|
||||||
/>
|
/>
|
||||||
</template>`
|
</template>
|
||||||
|
`
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
}
|
}
|
||||||
|
|
|
@ -67,7 +67,8 @@ export default {
|
||||||
</p>
|
</p>
|
||||||
</Fieldset>
|
</Fieldset>
|
||||||
</div>
|
</div>
|
||||||
</template>`
|
</template>
|
||||||
|
`
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
}
|
}
|
||||||
|
|
|
@ -28,7 +28,8 @@ export default {
|
||||||
<div class="card flex justify-content-center">
|
<div class="card flex justify-content-center">
|
||||||
<Image src="https://primefaces.org/cdn/primevue/images/galleria/galleria10.jpg" alt="Image" width="250" />
|
<Image src="https://primefaces.org/cdn/primevue/images/galleria/galleria10.jpg" alt="Image" width="250" />
|
||||||
</div>
|
</div>
|
||||||
</template>`
|
</template>
|
||||||
|
`
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
}
|
}
|
||||||
|
|
|
@ -29,7 +29,8 @@ export default {
|
||||||
<div class="card flex justify-content-center">
|
<div class="card flex justify-content-center">
|
||||||
<Image src="https://primefaces.org/cdn/primevue/images/galleria/galleria10.jpg" alt="Image" width="250" preview />
|
<Image src="https://primefaces.org/cdn/primevue/images/galleria/galleria10.jpg" alt="Image" width="250" preview />
|
||||||
</div>
|
</div>
|
||||||
</template>`
|
</template>
|
||||||
|
`
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
}
|
}
|
||||||
|
|
|
@ -59,7 +59,8 @@ export default {
|
||||||
}"
|
}"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
</template>`
|
</template>
|
||||||
|
`
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
}
|
}
|
||||||
|
|
|
@ -93,7 +93,8 @@ export default {
|
||||||
<div class="card flex justify-center">
|
<div class="card flex justify-center">
|
||||||
<Image src="https://primefaces.org/cdn/primevue/images/galleria/galleria10.jpg" alt="Image" width="250" preview />
|
<Image src="https://primefaces.org/cdn/primevue/images/galleria/galleria10.jpg" alt="Image" width="250" preview />
|
||||||
</div>
|
</div>
|
||||||
</template>`
|
</template>
|
||||||
|
`
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
}
|
}
|
||||||
|
|
|
@ -92,7 +92,8 @@ export default {
|
||||||
<InputText placeholder="Website" />
|
<InputText placeholder="Website" />
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</template>`
|
</template>
|
||||||
|
`
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
}
|
}
|
||||||
|
|
|
@ -68,7 +68,8 @@ export default {
|
||||||
<span class="p-inputgroup-addon">.00</span>
|
<span class="p-inputgroup-addon">.00</span>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</template>`
|
</template>
|
||||||
|
`
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
}
|
}
|
||||||
|
|
|
@ -164,7 +164,8 @@ export default {
|
||||||
width: 110px;
|
width: 110px;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
}
|
}
|
||||||
</style>`
|
</style>
|
||||||
|
`
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
}
|
}
|
||||||
|
|
|
@ -96,7 +96,8 @@ export default {
|
||||||
</p>
|
</p>
|
||||||
</ScrollPanel>
|
</ScrollPanel>
|
||||||
</div>
|
</div>
|
||||||
</template>`
|
</template>
|
||||||
|
`
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
}
|
}
|
||||||
|
|
|
@ -68,7 +68,8 @@ export default {
|
||||||
/>
|
/>
|
||||||
</ScrollPanel>
|
</ScrollPanel>
|
||||||
</div>
|
</div>
|
||||||
</template>`
|
</template>
|
||||||
|
`
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
}
|
}
|
||||||
|
|
|
@ -78,7 +78,8 @@ export default {
|
||||||
|
|
||||||
<Sidebar id="sbar" v-model:visible="visible" role="region" >
|
<Sidebar id="sbar" v-model:visible="visible" role="region" >
|
||||||
<p>Content</p>
|
<p>Content</p>
|
||||||
</Sidebar>`
|
</Sidebar>
|
||||||
|
`
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
}
|
}
|
||||||
|
|
|
@ -34,7 +34,8 @@ export default {
|
||||||
root: { class: 'w-3rem h-3rem' }
|
root: { class: 'w-3rem h-3rem' }
|
||||||
}"
|
}"
|
||||||
/>
|
/>
|
||||||
</template>`
|
</template>
|
||||||
|
`
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
}
|
}
|
||||||
|
|
|
@ -50,7 +50,8 @@ export default {
|
||||||
<SplitterPanel :pt="{ root: { class: 'flex align-items-center justify-content-center' } }"> Panel 2 </SplitterPanel>
|
<SplitterPanel :pt="{ root: { class: 'flex align-items-center justify-content-center' } }"> Panel 2 </SplitterPanel>
|
||||||
</Splitter>
|
</Splitter>
|
||||||
</div>
|
</div>
|
||||||
</template>`
|
</template>
|
||||||
|
`
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
}
|
}
|
||||||
|
|
|
@ -147,7 +147,8 @@ export default {
|
||||||
.my-fadeout {
|
.my-fadeout {
|
||||||
animation: my-fadeout 150ms linear;
|
animation: my-fadeout 150ms linear;
|
||||||
}
|
}
|
||||||
</style>`
|
</style>
|
||||||
|
`
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
}
|
}
|
||||||
|
|
|
@ -38,7 +38,8 @@ export default {
|
||||||
}"
|
}"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
</template>`
|
</template>
|
||||||
|
`
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
}
|
}
|
||||||
|
|
|
@ -193,7 +193,8 @@ const events = ref([
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
</style>`
|
</style>
|
||||||
|
`
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
}
|
}
|
||||||
|
|
|
@ -73,7 +73,8 @@ export default {
|
||||||
</template>
|
</template>
|
||||||
</Toolbar>
|
</Toolbar>
|
||||||
</div>
|
</div>
|
||||||
</template>`
|
</template>
|
||||||
|
`
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
}
|
}
|
||||||
|
|
|
@ -28,7 +28,8 @@ export default {
|
||||||
<div class="card flex flex-wrap justify-content-center gap-2">
|
<div class="card flex flex-wrap justify-content-center gap-2">
|
||||||
<InputText v-tooltip="{ value: 'Enter your username', showDelay: 1000, hideDelay: 300 }" type="text" placeholder="Delayed" />
|
<InputText v-tooltip="{ value: 'Enter your username', showDelay: 1000, hideDelay: 300 }" type="text" placeholder="Delayed" />
|
||||||
</div>
|
</div>
|
||||||
</template>`
|
</template>
|
||||||
|
`
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
}
|
}
|
||||||
|
|
|
@ -32,7 +32,8 @@ export default {
|
||||||
<InputText v-tooltip.focus="'Enter your username'" type="text" placeholder="Focus" />
|
<InputText v-tooltip.focus="'Enter your username'" type="text" placeholder="Focus" />
|
||||||
<Button v-tooltip="'Click to proceed'" type="button" label="Save" icon="pi pi-check" />
|
<Button v-tooltip="'Click to proceed'" type="button" label="Save" icon="pi pi-check" />
|
||||||
</div>
|
</div>
|
||||||
</template>`
|
</template>
|
||||||
|
`
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
}
|
}
|
||||||
|
|
|
@ -40,7 +40,8 @@ export default {
|
||||||
<InputText v-tooltip.bottom="'Enter your username'" type="text" placeholder="Bottom" />
|
<InputText v-tooltip.bottom="'Enter your username'" type="text" placeholder="Bottom" />
|
||||||
<InputText v-tooltip.left="'Enter your username'" type="text" placeholder="Left" />
|
<InputText v-tooltip.left="'Enter your username'" type="text" placeholder="Left" />
|
||||||
</div>
|
</div>
|
||||||
</template>`
|
</template>
|
||||||
|
`
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
}
|
}
|
||||||
|
|
|
@ -48,7 +48,8 @@ export default {
|
||||||
.custom-error.p-tooltip-right .p-tooltip-arrow {
|
.custom-error.p-tooltip-right .p-tooltip-arrow {
|
||||||
border-right-color: var(--pink-800);
|
border-right-color: var(--pink-800);
|
||||||
}
|
}
|
||||||
</style>`
|
</style>
|
||||||
|
`
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
}
|
}
|
||||||
|
|
|
@ -57,7 +57,8 @@ export default {
|
||||||
type="text"
|
type="text"
|
||||||
placeholder="PassThrough Tooltip"
|
placeholder="PassThrough Tooltip"
|
||||||
/>
|
/>
|
||||||
</div>`
|
</div>
|
||||||
|
`
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
}
|
}
|
||||||
|
|
|
@ -56,7 +56,8 @@ export default {
|
||||||
<InputText v-tooltip.bottom="'Enter your username'" type="text" placeholder="Bottom" />
|
<InputText v-tooltip.bottom="'Enter your username'" type="text" placeholder="Bottom" />
|
||||||
<InputText v-tooltip.left="'Enter your username'" type="text" placeholder="Left" />
|
<InputText v-tooltip.left="'Enter your username'" type="text" placeholder="Left" />
|
||||||
</div>
|
</div>
|
||||||
</template>`
|
</template>
|
||||||
|
`
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in New Issue