Cosmetics for code display
parent
c963e2e95f
commit
03732ab3f8
|
@ -34,7 +34,8 @@ export default {
|
|||
image: { class: 'w-4rem h-4rem' }
|
||||
}"
|
||||
/>
|
||||
</template>`
|
||||
</template>
|
||||
`
|
||||
}
|
||||
};
|
||||
}
|
||||
|
|
|
@ -91,7 +91,8 @@ export default {
|
|||
class="pi pi-calendar text-4xl"
|
||||
/>
|
||||
</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.
|
||||
</p>
|
||||
</BlockUI>
|
||||
</template>`
|
||||
</template>
|
||||
`
|
||||
}
|
||||
};
|
||||
}
|
||||
|
|
|
@ -48,7 +48,8 @@ export default {
|
|||
<Button class="youtube p-0" aria-label="Youtube">
|
||||
<i class="pi pi-youtube px-2"></i>
|
||||
<span class="px-3">Youtube</span>
|
||||
</Button>`
|
||||
</Button>
|
||||
`
|
||||
}
|
||||
};
|
||||
}
|
||||
|
|
|
@ -38,7 +38,8 @@ export default {
|
|||
}"
|
||||
/>
|
||||
</div>
|
||||
</template>`
|
||||
</template>
|
||||
`
|
||||
}
|
||||
};
|
||||
}
|
||||
|
|
|
@ -129,7 +129,8 @@ export default {
|
|||
<Button label="Help" severity="help" />
|
||||
<Button label="Danger" severity="danger" />
|
||||
</div>
|
||||
</template>`
|
||||
</template>
|
||||
`
|
||||
}
|
||||
};
|
||||
}
|
||||
|
|
|
@ -58,7 +58,8 @@ export default {
|
|||
</template>
|
||||
</Card>
|
||||
</div>
|
||||
</template>`
|
||||
</template>
|
||||
`
|
||||
}
|
||||
};
|
||||
}
|
||||
|
|
|
@ -50,7 +50,8 @@ export default {
|
|||
label: { class: 'text-white' }
|
||||
}"
|
||||
/>
|
||||
</template>`
|
||||
</template>
|
||||
`
|
||||
}
|
||||
};
|
||||
}
|
||||
|
|
|
@ -215,7 +215,8 @@ const onCellEditComplete = (event) => {
|
|||
}
|
||||
};
|
||||
|
||||
<\/script>`,
|
||||
<\/script>
|
||||
`,
|
||||
data: `
|
||||
{
|
||||
id: '1000',
|
||||
|
|
|
@ -297,7 +297,8 @@ const formatCurrency = (value) => {
|
|||
return new Intl.NumberFormat('en-US', { style: 'currency', currency: 'USD' }).format(value);
|
||||
}
|
||||
|
||||
<\/script>`,
|
||||
<\/script>
|
||||
`,
|
||||
data: `
|
||||
{
|
||||
id: '1000',
|
||||
|
|
|
@ -20,7 +20,8 @@ export default {
|
|||
basic: `
|
||||
<DeferredContent role="region" aria-live="polite" aria-label="Content loaded after page scrolled down">
|
||||
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.
|
||||
</p>
|
||||
</div>
|
||||
</template>`
|
||||
</template>
|
||||
`
|
||||
}
|
||||
};
|
||||
}
|
||||
|
|
|
@ -862,7 +862,8 @@ const commandHandler = (text) => {
|
|||
padding: 0;
|
||||
border-radius: 0;
|
||||
}
|
||||
</style>`
|
||||
</style>
|
||||
`
|
||||
}
|
||||
};
|
||||
},
|
||||
|
|
|
@ -226,7 +226,8 @@ const positions = ref([
|
|||
.dock-demo > .p-dock {
|
||||
z-index: 1000;
|
||||
}
|
||||
</style>`
|
||||
</style>
|
||||
`
|
||||
}
|
||||
};
|
||||
}
|
||||
|
|
|
@ -167,7 +167,8 @@ const items = ref([
|
|||
.dock-demo > .p-dock {
|
||||
z-index: 1000;
|
||||
}
|
||||
</style>`
|
||||
</style>
|
||||
`
|
||||
}
|
||||
};
|
||||
}
|
||||
|
|
|
@ -31,7 +31,8 @@ export default {
|
|||
root: { class: 'w-12 sm:w-9 md:w-6' }
|
||||
}"
|
||||
/>
|
||||
</template>`
|
||||
</template>
|
||||
`
|
||||
}
|
||||
};
|
||||
}
|
||||
|
|
|
@ -67,7 +67,8 @@ export default {
|
|||
</p>
|
||||
</Fieldset>
|
||||
</div>
|
||||
</template>`
|
||||
</template>
|
||||
`
|
||||
}
|
||||
};
|
||||
}
|
||||
|
|
|
@ -28,7 +28,8 @@ export default {
|
|||
<div class="card flex justify-content-center">
|
||||
<Image src="https://primefaces.org/cdn/primevue/images/galleria/galleria10.jpg" alt="Image" width="250" />
|
||||
</div>
|
||||
</template>`
|
||||
</template>
|
||||
`
|
||||
}
|
||||
};
|
||||
}
|
||||
|
|
|
@ -29,7 +29,8 @@ export default {
|
|||
<div class="card flex justify-content-center">
|
||||
<Image src="https://primefaces.org/cdn/primevue/images/galleria/galleria10.jpg" alt="Image" width="250" preview />
|
||||
</div>
|
||||
</template>`
|
||||
</template>
|
||||
`
|
||||
}
|
||||
};
|
||||
}
|
||||
|
|
|
@ -59,7 +59,8 @@ export default {
|
|||
}"
|
||||
/>
|
||||
</div>
|
||||
</template>`
|
||||
</template>
|
||||
`
|
||||
}
|
||||
};
|
||||
}
|
||||
|
|
|
@ -93,7 +93,8 @@ export default {
|
|||
<div class="card flex justify-center">
|
||||
<Image src="https://primefaces.org/cdn/primevue/images/galleria/galleria10.jpg" alt="Image" width="250" preview />
|
||||
</div>
|
||||
</template>`
|
||||
</template>
|
||||
`
|
||||
}
|
||||
};
|
||||
}
|
||||
|
|
|
@ -92,7 +92,8 @@ export default {
|
|||
<InputText placeholder="Website" />
|
||||
</div>
|
||||
</div>
|
||||
</template>`
|
||||
</template>
|
||||
`
|
||||
}
|
||||
};
|
||||
}
|
||||
|
|
|
@ -68,7 +68,8 @@ export default {
|
|||
<span class="p-inputgroup-addon">.00</span>
|
||||
</div>
|
||||
</div>
|
||||
</template>`
|
||||
</template>
|
||||
`
|
||||
}
|
||||
};
|
||||
}
|
||||
|
|
|
@ -164,7 +164,8 @@ export default {
|
|||
width: 110px;
|
||||
text-align: center;
|
||||
}
|
||||
</style>`
|
||||
</style>
|
||||
`
|
||||
}
|
||||
};
|
||||
}
|
||||
|
|
|
@ -96,7 +96,8 @@ export default {
|
|||
</p>
|
||||
</ScrollPanel>
|
||||
</div>
|
||||
</template>`
|
||||
</template>
|
||||
`
|
||||
}
|
||||
};
|
||||
}
|
||||
|
|
|
@ -68,7 +68,8 @@ export default {
|
|||
/>
|
||||
</ScrollPanel>
|
||||
</div>
|
||||
</template>`
|
||||
</template>
|
||||
`
|
||||
}
|
||||
};
|
||||
}
|
||||
|
|
|
@ -78,7 +78,8 @@ export default {
|
|||
|
||||
<Sidebar id="sbar" v-model:visible="visible" role="region" >
|
||||
<p>Content</p>
|
||||
</Sidebar>`
|
||||
</Sidebar>
|
||||
`
|
||||
}
|
||||
};
|
||||
}
|
||||
|
|
|
@ -34,7 +34,8 @@ export default {
|
|||
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>
|
||||
</Splitter>
|
||||
</div>
|
||||
</template>`
|
||||
</template>
|
||||
`
|
||||
}
|
||||
};
|
||||
}
|
||||
|
|
|
@ -147,7 +147,8 @@ export default {
|
|||
.my-fadeout {
|
||||
animation: my-fadeout 150ms linear;
|
||||
}
|
||||
</style>`
|
||||
</style>
|
||||
`
|
||||
}
|
||||
};
|
||||
}
|
||||
|
|
|
@ -38,7 +38,8 @@ export default {
|
|||
}"
|
||||
/>
|
||||
</div>
|
||||
</template>`
|
||||
</template>
|
||||
`
|
||||
}
|
||||
};
|
||||
}
|
||||
|
|
|
@ -193,7 +193,8 @@ const events = ref([
|
|||
}
|
||||
}
|
||||
}
|
||||
</style>`
|
||||
</style>
|
||||
`
|
||||
}
|
||||
};
|
||||
}
|
||||
|
|
|
@ -73,7 +73,8 @@ export default {
|
|||
</template>
|
||||
</Toolbar>
|
||||
</div>
|
||||
</template>`
|
||||
</template>
|
||||
`
|
||||
}
|
||||
};
|
||||
}
|
||||
|
|
|
@ -28,7 +28,8 @@ export default {
|
|||
<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" />
|
||||
</div>
|
||||
</template>`
|
||||
</template>
|
||||
`
|
||||
}
|
||||
};
|
||||
}
|
||||
|
|
|
@ -32,7 +32,8 @@ export default {
|
|||
<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" />
|
||||
</div>
|
||||
</template>`
|
||||
</template>
|
||||
`
|
||||
}
|
||||
};
|
||||
}
|
||||
|
|
|
@ -40,7 +40,8 @@ export default {
|
|||
<InputText v-tooltip.bottom="'Enter your username'" type="text" placeholder="Bottom" />
|
||||
<InputText v-tooltip.left="'Enter your username'" type="text" placeholder="Left" />
|
||||
</div>
|
||||
</template>`
|
||||
</template>
|
||||
`
|
||||
}
|
||||
};
|
||||
}
|
||||
|
|
|
@ -48,7 +48,8 @@ export default {
|
|||
.custom-error.p-tooltip-right .p-tooltip-arrow {
|
||||
border-right-color: var(--pink-800);
|
||||
}
|
||||
</style>`
|
||||
</style>
|
||||
`
|
||||
}
|
||||
};
|
||||
}
|
||||
|
|
|
@ -57,7 +57,8 @@ export default {
|
|||
type="text"
|
||||
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.left="'Enter your username'" type="text" placeholder="Left" />
|
||||
</div>
|
||||
</template>`
|
||||
</template>
|
||||
`
|
||||
}
|
||||
};
|
||||
}
|
||||
|
|
Loading…
Reference in New Issue