jan/openreplay
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

change(ui) - session list tags bg and other changes, button hover bg

Browse source
This commit is contained in:
Shekar Siri 2022-08-11 14:04:55 +02:00
parent 4ebcff74e1
commit 5b92e0bee5
3 changed files with 8 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
frontend/app/components/shared/SessionListContainer/components/SessionHeader/SessionHeader.tsx
View file

@ -33,7 +33,7 @@ function SessionHeader(props: Props) {
};
return (
<div className="flex items-center px-4 pt-2 justify-between">
<div className="flex items-center px-4 justify-between">
<div className="flex items-center justify-between">
<div className="mr-3 text-lg flex items-center">
<div

9
frontend/app/components/shared/SessionListContainer/components/SessionTags/SessionTags.tsx
View file

@ -52,12 +52,13 @@ function TagItem({ isActive, onClick, label, icon = '', disabled = false }: any)
<div>
<button
onClick={onClick}
className={cn('transition group rounded ml-2 px-2 py-1 flex items-center uppercase text-sm hover:bg-teal hover:text-white', {
'bg-teal text-white': isActive,
'disabled': disabled,
className={cn('transition group rounded ml-2 px-2 py-1 flex items-center uppercase text-sm hover:bg-active-blue hover:text-teal', {
'bg-active-blue text-teal': isActive,
disabled: disabled,
})}
style={{ height: '36px' }}
>
{icon && <Icon name={icon} color={isActive ? 'teal' : 'gray-medium'} size="14" className={cn('group-hover:fill-white mr-2', { 'fill-white': isActive })} />}
{icon && <Icon name={icon} color={isActive ? 'teal' : 'gray-medium'} size="14" className={cn('group-hover:fill-teal mr-2')} />}
<span className="leading-none font-medium">{label}</span>
</button>
</div>

4
frontend/app/components/ui/Button/Button.tsx
View file

@ -30,7 +30,7 @@ export default (props: Props) => {
let classes = ['relative flex items-center h-10 px-3 rounded tracking-wide whitespace-nowrap'];
if (variant === 'default') {
classes.push('bg-white hover:bg-gray-lightest border border-gray-light');
classes.push('bg-white hover:bg-gray-light border border-gray-light');
}
if (variant === 'primary') {
@ -38,7 +38,7 @@ export default (props: Props) => {
}
if (variant === 'text') {
classes.push('bg-transparent color-gray-dark hover:bg-gray-lightest hover:color-gray-dark');
classes.push('bg-transparent color-gray-dark hover:bg-gray-light hover:color-gray-dark');
}
if (variant === 'text-primary') {