Cosmetics for code display

pull/4733/head
Cagatay Civici 2023-11-01 17:36:59 +03:00
parent c963e2e95f
commit 03732ab3f8
39 changed files with 78 additions and 39 deletions

View File

@ -34,7 +34,8 @@ export default {
image: { class: 'w-4rem h-4rem' } image: { class: 'w-4rem h-4rem' }
}" }"
/> />
</template>` </template>
`
} }
}; };
} }

View File

@ -91,7 +91,8 @@ export default {
class="pi pi-calendar text-4xl" class="pi pi-calendar text-4xl"
/> />
</div> </div>
</template>` </template>
`
} }
}; };
} }

View File

@ -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>
`
} }
}; };
} }

View File

@ -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>
`
} }
}; };
} }

View File

@ -38,7 +38,8 @@ export default {
}" }"
/> />
</div> </div>
</template>` </template>
`
} }
}; };
} }

View File

@ -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>
`
} }
}; };
} }

View File

@ -58,7 +58,8 @@ export default {
</template> </template>
</Card> </Card>
</div> </div>
</template>` </template>
`
} }
}; };
} }

View File

@ -50,7 +50,8 @@ export default {
label: { class: 'text-white' } label: { class: 'text-white' }
}" }"
/> />
</template>` </template>
`
} }
}; };
} }

View File

@ -215,7 +215,8 @@ const onCellEditComplete = (event) => {
} }
}; };
<\/script>`, <\/script>
`,
data: ` data: `
{ {
id: '1000', id: '1000',

View File

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

View File

@ -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>
`
} }
}; };
} }

View File

@ -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>
`
} }
}; };
} }

View File

@ -862,7 +862,8 @@ const commandHandler = (text) => {
padding: 0; padding: 0;
border-radius: 0; border-radius: 0;
} }
</style>` </style>
`
} }
}; };
}, },

View File

@ -226,7 +226,8 @@ const positions = ref([
.dock-demo > .p-dock { .dock-demo > .p-dock {
z-index: 1000; z-index: 1000;
} }
</style>` </style>
`
} }
}; };
} }

View File

@ -167,7 +167,8 @@ const items = ref([
.dock-demo > .p-dock { .dock-demo > .p-dock {
z-index: 1000; z-index: 1000;
} }
</style>` </style>
`
} }
}; };
} }

View File

@ -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>
`
} }
}; };
} }

View File

@ -67,7 +67,8 @@ export default {
</p> </p>
</Fieldset> </Fieldset>
</div> </div>
</template>` </template>
`
} }
}; };
} }

View File

@ -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>
`
} }
}; };
} }

View File

@ -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>
`
} }
}; };
} }

View File

@ -59,7 +59,8 @@ export default {
}" }"
/> />
</div> </div>
</template>` </template>
`
} }
}; };
} }

View File

@ -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>
`
} }
}; };
} }

View File

@ -92,7 +92,8 @@ export default {
<InputText placeholder="Website" /> <InputText placeholder="Website" />
</div> </div>
</div> </div>
</template>` </template>
`
} }
}; };
} }

View File

@ -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>
`
} }
}; };
} }

View File

@ -164,7 +164,8 @@ export default {
width: 110px; width: 110px;
text-align: center; text-align: center;
} }
</style>` </style>
`
} }
}; };
} }

View File

@ -96,7 +96,8 @@ export default {
</p> </p>
</ScrollPanel> </ScrollPanel>
</div> </div>
</template>` </template>
`
} }
}; };
} }

View File

@ -68,7 +68,8 @@ export default {
/> />
</ScrollPanel> </ScrollPanel>
</div> </div>
</template>` </template>
`
} }
}; };
} }

View File

@ -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>
`
} }
}; };
} }

View File

@ -34,7 +34,8 @@ export default {
root: { class: 'w-3rem h-3rem' } root: { class: 'w-3rem h-3rem' }
}" }"
/> />
</template>` </template>
`
} }
}; };
} }

View File

@ -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>
`
} }
}; };
} }

View File

@ -147,7 +147,8 @@ export default {
.my-fadeout { .my-fadeout {
animation: my-fadeout 150ms linear; animation: my-fadeout 150ms linear;
} }
</style>` </style>
`
} }
}; };
} }

View File

@ -38,7 +38,8 @@ export default {
}" }"
/> />
</div> </div>
</template>` </template>
`
} }
}; };
} }

View File

@ -193,7 +193,8 @@ const events = ref([
} }
} }
} }
</style>` </style>
`
} }
}; };
} }

View File

@ -73,7 +73,8 @@ export default {
</template> </template>
</Toolbar> </Toolbar>
</div> </div>
</template>` </template>
`
} }
}; };
} }

View File

@ -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>
`
} }
}; };
} }

View File

@ -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>
`
} }
}; };
} }

View File

@ -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>
`
} }
}; };
} }

View File

@ -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>
`
} }
}; };
} }

View File

@ -57,7 +57,8 @@ export default {
type="text" type="text"
placeholder="PassThrough Tooltip" placeholder="PassThrough Tooltip"
/> />
</div>` </div>
`
} }
}; };
} }

View File

@ -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>
`
} }
}; };
} }