Ling0925
/
buster
mirror of https://github.com/buster-so/buster.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

seperator sizing

This commit is contained in:
Nate Kelley 2025-09-30 22:16:33 -06:00
parent b19936e3b3
commit 3221123d63
No known key found for this signature in database
GPG Key ID: FD90372AB8D98B4F
4 changed files with 8 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
apps/web/src/components/features/input/BusterChatInput/BusterChatInputButtons.tsx
View File

@ -114,7 +114,7 @@ export const BusterChatInputButtons = React.memo(
> >
<Button <Button
rounding={'large'} rounding={'large'}
variant={'default'} variant={'black'}
size={'tall'} size={'tall'}
prefix={<ArrowUp />} prefix={<ArrowUp />}
onClick={ onClick={
@ -132,7 +132,7 @@ export const BusterChatInputButtons = React.memo(
loading={submitting} loading={submitting}
disabled={disabled || disableSubmit} disabled={disabled || disableSubmit}
className={cn( className={cn(
'origin-center transform-gpu transition-all duration-300 ease-out will-change-transform bg-transparent!', 'origin-center transform-gpu transition-all duration-300 ease-out will-change-transform',
!disabled && 'hover:scale-110 active:scale-95' !disabled && 'hover:scale-110 active:scale-95'
)} )}
/> />
@ -199,7 +199,7 @@ const modesOptions: AppSegmentedProps<BusterChatInputMode>['options'] = [
description="Decides how long to think" description="Decides how long to think"
icon={<Sparkle2 />} icon={<Sparkle2 />}
iconText="Auto Mode" iconText="Auto Mode"
content={`Dynamically pick between “Research” and “Deep Research”`} content={`Dynamically picks between Research and Deep Research modes`}
> >
<Sparkle2 /> <Sparkle2 />
</ModePopoverContent> </ModePopoverContent>

5
apps/web/src/components/ui/buttons/Button.tsx
View File

@ -7,7 +7,8 @@ import { CircleSpinnerLoader } from '../loaders/CircleSpinnerLoader';
export const buttonTypeClasses = { export const buttonTypeClasses = {
default: default:
'bg-background border hover:bg-item-hover disabled:bg-disabled disabled:text-gray-light active:bg-item-active data-[selected=true]:bg-item-select', 'bg-background border hover:bg-item-hover disabled:bg-disabled disabled:text-gray-light active:bg-item-active data-[selected=true]:bg-item-select',
black: 'bg-black text-white hover:bg-foreground-hover disabled:bg-black/60', black:
'bg-black text-white hover:bg-foreground-hover disabled:bg-background disabled:text-gray-light disabled:ring-[0.5px] ring-border ',
outlined: outlined:
'bg-transparent border border-border text-gray-dark hover:bg-item-hover disabled:bg-transparent disabled:text-gray-light active:bg-item-active data-[selected=true]:bg-item-select', 'bg-transparent border border-border text-gray-dark hover:bg-item-hover disabled:bg-transparent disabled:text-gray-light active:bg-item-active data-[selected=true]:bg-item-select',
primary: primary:
@ -111,7 +112,7 @@ export const buttonIconVariants = cva('', {
{ {
variant: 'black', variant: 'black',
disabled: true, disabled: true,
className: 'text-white', className: 'text-gray-light',
}, },
{ {
variant: 'outlined', variant: 'outlined',

2
apps/web/src/components/ui/inputs/MentionInputSuggestions/MentionInputSuggestionsGroup.tsx
View File

@ -27,7 +27,7 @@ export const MentionInputSuggestionsGroup = ({
return ( return (
<Command.Group <Command.Group
className={cn( className={cn(
'text-text-tertiary overflow-hidden p-1 [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-2.5 [&_[cmdk-group-heading]]:text-sm [&_[cmdk-group-heading]]:font-base [&_[cmdk-group-heading]]:h-8', 'text-text-tertiary overflow-hidden [&_[cmdk-group-heading]]:px-0 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-sm [&_[cmdk-group-heading]]:font-base [&_[cmdk-group-heading]]:h-8',
className className
)} )}
style={style} style={style}

2
apps/web/src/components/ui/inputs/MentionInputSuggestions/MentionInputSuggestionsSeparator.tsx
View File

@ -15,7 +15,7 @@ export const MentionInputSuggestionsSeparator = ({
// biome-ignore lint/a11y/useAriaPropsForRole: blitz bama blitz // biome-ignore lint/a11y/useAriaPropsForRole: blitz bama blitz
role="separator" role="separator"
className={cn( className={cn(
'bg-border -mx-1 h-px my-1.5', 'bg-border my-1.5 h-[0.5px]',
// Hide if first child // Hide if first child
'first:hidden', 'first:hidden',
// Hide if last child // Hide if last child