xevion/dynamic-preauth
1
0
Fork 0
mirror of https://github.com/Xevion/dynamic-preauth.git synced 2025-12-13 14:11:27 -06:00
Code Issues Packages Projects Releases Wiki Activity

Add badge highlighting with animated border transitions, use className in BadgeProps

Browse Source
This commit is contained in:
Xevion
2024-12-22 15:28:49 -06:00
parent 069471145a
commit e80c8b1c4f
3 changed files with 30 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
frontend/src/components/Emboldened.tsx
View File

@@ -6,7 +6,7 @@ type EmboldenedProps = {
copyable?: boolean;
};
const Emboldened = ({ children, copyable }: EmboldenedProps) => {
const Emboldened = ({ children, copyable, className }: EmboldenedProps) => {
function copyToClipboard() {
// Copy to clipboard
navigator.clipboard.writeText(children.toString());
@@ -16,6 +16,7 @@ const Emboldened = ({ children, copyable }: EmboldenedProps) => {
<span
onClick={copyable ? copyToClipboard : undefined}
className={cn(
className,
"bg-zinc-900/40 rounded border border-zinc-700 py-0.5 px-1 font-mono text-teal-400",
{
"cursor-pointer": copyable,