open.source/manifold
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Style group follow button like user follow

Browse Source
This commit is contained in:
Sinclair Chen 2022-10-12 12:11:24 -07:00
parent e6054c1d06
commit 96f9accc05
2 changed files with 4 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
web/components/button.tsx
View File

@ -7,7 +7,6 @@ export type ColorType =
| 'green' | 'green'
| 'red' | 'red'
| 'blue' | 'blue'
| 'blue-outline'
| 'indigo' | 'indigo'
| 'yellow' | 'yellow'
| 'gray' | 'gray'
@ -37,8 +36,6 @@ export function buttonClass(size: SizeType, color: ColorType | 'override') {
'disabled:bg-greyscale-2 bg-yellow-400 text-white hover:bg-yellow-500', 'disabled:bg-greyscale-2 bg-yellow-400 text-white hover:bg-yellow-500',
color === 'blue' && color === 'blue' &&
'disabled:bg-greyscale-2 bg-blue-400 text-white hover:bg-blue-500', 'disabled:bg-greyscale-2 bg-blue-400 text-white hover:bg-blue-500',
color === 'blue-outline' &&
'ring-2 ring-blue-400 text-blue-400 hover:bg-blue-400 hover:text-white disabled:opacity-50',
color === 'indigo' && color === 'indigo' &&
'disabled:bg-greyscale-2 bg-indigo-500 text-white hover:bg-indigo-600', 'disabled:bg-greyscale-2 bg-indigo-500 text-white hover:bg-indigo-600',
color === 'gray' && color === 'gray' &&

8
web/components/groups/groups-button.tsx
View File

@ -125,8 +125,8 @@ export function JoinOrLeaveGroupButton(props: {
if (isMember) { if (isMember) {
return ( return (
<Button <Button
size="xs" size="sm"
color="blue-outline" color="gray-outline"
className={className} className={className}
onClick={withTracking(onLeaveGroup, 'leave group')} onClick={withTracking(onLeaveGroup, 'leave group')}
> >
@ -139,8 +139,8 @@ export function JoinOrLeaveGroupButton(props: {
return <div className={clsx(className, 'text-gray-500')}>Closed</div> return <div className={clsx(className, 'text-gray-500')}>Closed</div>
return ( return (
<Button <Button
size="xs" size="sm"
color="blue" color="indigo"
className={className} className={className}
onClick={withTracking(onJoinGroup, 'join group')} onClick={withTracking(onJoinGroup, 'join group')}
> >