vertumnus
/
primevue-mirror
mirror of https://github.com/primefaces/primevue.git
1
0
Fork 0
Code Packages Releases Activity

Removed clipboard copy

pull/5507/head
Cagatay Civici 2024-03-31 19:12:06 +03:00
parent 00bf3a83f3
commit ac8c410844
1 changed files with 1 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
doc/theming/styled/ColorsDoc.vue
View File

@ -10,7 +10,7 @@
<span class="font-medium capitalize block mb-2 text-center sm:text-left">{{ color }}</span> <span class="font-medium capitalize block mb-2 text-center sm:text-left">{{ color }}</span>
<div class="flex gap-3 flex-auto flex-column sm:flex-row"> <div class="flex gap-3 flex-auto flex-column sm:flex-row">
<div v-for="(shade, j) of shades" :key="shade" class="flex flex-column align-items-center gap-1 flex-1"> <div v-for="(shade, j) of shades" :key="shade" class="flex flex-column align-items-center gap-1 flex-1">
<div v-tooltip.click.top="'Copied'" class="border-round h-2rem w-full" :style="`background-color: var(--p-${color}-${shades[j]})`" @click="copyColor(`var(--p-${color}-${shades[j]})`)"></div> <div class="border-round h-2rem w-full" :style="`background-color: var(--p-${color}-${shades[j]})`"></div>
<span class="text-sm text-secondary font-medium">{{ shades[j] }}</span> <span class="text-sm text-secondary font-medium">{{ shades[j] }}</span>
</div> </div>
</div> </div>
@ -26,11 +26,6 @@ export default {
shades: [50, 100, 200, 300, 400, 500, 600, 700, 800, 900, 950], shades: [50, 100, 200, 300, 400, 500, 600, 700, 800, 900, 950],
colors: ['emerald', 'green', 'lime', 'red', 'orange', 'amber', 'yellow', 'teal', 'cyan', 'sky', 'blue', 'indigo', 'violet', 'purple', 'fuchsia', 'pink', 'rose', 'slate', 'gray', 'zinc', 'neutral', 'stone'] colors: ['emerald', 'green', 'lime', 'red', 'orange', 'amber', 'yellow', 'teal', 'cyan', 'sky', 'blue', 'indigo', 'violet', 'purple', 'fuchsia', 'pink', 'rose', 'slate', 'gray', 'zinc', 'neutral', 'stone']
}; };
},
methods: {
copyColor(value) {
navigator.clipboard.writeText(value);
}
} }
}; };
</script> </script>