UniqueSoft/wireadmin
2
0
Fork 0
mirror of https://github.com/wireadmin/wireadmin synced 2025-02-26 05:48:44 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

add success variant to shadcn components

Browse Source
This commit is contained in:
Shahrad Elahi 2023-11-07 23:13:20 +03:30
parent b230d20aef
commit 8c7c95840b
4 changed files with 26 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
web/src/lib/components/middle-ellipsis/MiddleEllipsis.svelte Normal file
View File

@ -0,0 +1,16 @@
<script lang="ts">
import { cn } from '$lib/utils';
export let content: string;
export let maxLength: number = Math.floor(content.length / 2);
export let rootClass: string | undefined = undefined;
let className: string | undefined = undefined;
export { className as class };
</script>
<span class={rootClass}>
{content.slice(0, maxLength)}
<span class={cn('text-gray-400', className)}> ... </span>
{content.slice(content.length - maxLength)}
</span>

7
web/src/lib/components/middle-ellipsis/index.ts Normal file
View File

@ -0,0 +1,7 @@
import Root from './MiddleEllipsis.svelte';
export {
Root,
//
Root as MiddleEllipsis,
};

2
web/src/lib/components/ui/badge/index.ts
View File

@ -7,7 +7,7 @@ export const badgeVariants = tv({
variant: {
default: 'bg-primary hover:bg-primary/80 border-transparent text-primary-foreground',
secondary: 'bg-secondary hover:bg-secondary/80 border-transparent text-secondary-foreground',
success: 'bg-success hover:bg-success/80 border-transparent text-success-foreground',
success: 'bg-green-500 hover:bg-green-500/80 border-transparent text-white',
destructive: 'bg-destructive hover:bg-destructive/80 border-transparent text-destructive-foreground',
outline: 'text-foreground',
},

2
web/src/lib/components/ui/button/index.ts
View File

@ -9,6 +9,8 @@ const buttonVariants = tv({
default: 'bg-primary text-primary-foreground hover:bg-primary/90',
destructive:
'bg-destructive text-destructive-foreground hover:bg-destructive/90',
success:
'bg-green-500 text-white hover:bg-green-500/90 hover:text-gray-50',
outline:
'border border-input bg-background hover:bg-accent hover:text-accent-foreground',
secondary: