feat: button add underline-hover-red style option

This commit is contained in:
Zack Spear
2024-01-11 20:49:01 -06:00
committed by Zack Spear
parent cf54f01945
commit fa520a2d3e
2 changed files with 4 additions and 1 deletions

View File

@@ -48,6 +48,9 @@ const classes = computed(() => {
case 'underline':
buttonColors = 'opacity-75 underline border-transparent transition hover:text-alpha hover:bg-beta hover:border-beta focus:text-alpha focus:bg-beta focus:border-beta hover:opacity-100 focus:opacity-100';
break;
case 'underline-hover-red':
buttonColors = 'opacity-75 underline border-transparent transition hover:text-white hover:bg-unraid-red hover:border-unraid-red focus:text-white focus:bg-unraid-red focus:border-unraid-red hover:opacity-100 focus:opacity-100';
break;
case 'white':
buttonColors = 'text-black bg-white transition hover:bg-grey focus:bg-grey';
break;

View File

@@ -1,5 +1,5 @@
export interface ButtonProps {
btnStyle?: 'black' | 'fill' | 'gray' | 'outline' | 'outline-black' | 'outline-white' | 'underline' | 'white';
btnStyle?: 'black' | 'fill' | 'gray' | 'outline' | 'outline-black' | 'outline-white' | 'underline' | 'underline-hover-red' | 'white';
btnType?: 'button' | 'submit' | 'reset';
click?: () => void;
disabled?: boolean;