feat: more style changes
This commit is contained in:
@@ -81,12 +81,25 @@ const colorClass = computed(() => {
|
||||
if (props.variant === 'ghost') {
|
||||
return 'text-primary-800 hover:text-primary-600 active:text-primary-600 focus:ring focus:ring-offset-1 focus:ring-primary-400';
|
||||
}
|
||||
return 'bg-primary-600 border-primary-600 text-white hover:bg-primary-700 active:bg-primary-700 focus:ring focus:ring-offset-1 focus:ring-primary-400';
|
||||
return 'bg-primary-600 border border-primary-600 text-white hover:bg-primary-700 active:bg-primary-700 focus:ring focus:ring-offset-1 focus:ring-primary-400';
|
||||
}
|
||||
if (props.colorScheme === 'secondary') {
|
||||
if (props.variant === 'outline') {
|
||||
return 'text-ash-800 border border-ash-400 hover:text-ash-600 active:text-ash-600 focus:ring focus:ring-offset-1 focus:ring-ash-400';
|
||||
}
|
||||
if (props.variant === 'ghost') {
|
||||
return 'text-ash-800 hover:text-ash-600 active:text-ash-600 focus:ring focus:ring-offset-1 focus:ring-ash-400';
|
||||
}
|
||||
return 'bg-ash-100 text-ash-900 hover:bg-ash-200 active:bg-ash-200 focus:ring focus:ring-offset-1 focus:ring-ash-400';
|
||||
}
|
||||
if (props.colorScheme === 'danger') {
|
||||
if (props.variant === 'outline') {
|
||||
return 'text-ruby-800 border border-ruby-400 hover:text-ruby-600 active:text-ruby-600 focus:ring focus:ring-offset-1 focus:ring-ruby-400';
|
||||
}
|
||||
if (props.variant === 'ghost') {
|
||||
return 'text-ruby-800 hover:text-ruby-600 active:text-ruby-600 focus:ring focus:ring-offset-1 focus:ring-ruby-400';
|
||||
}
|
||||
|
||||
return 'bg-ruby-600 text-white hover:bg-ruby-700 active:bg-ruby-700 focus:ring focus:ring-offset-1 focus:ring-ruby-400';
|
||||
}
|
||||
return 'bg-primary-500 text-white';
|
||||
|
||||
Reference in New Issue
Block a user