mirror/Compass
1
0
Fork 0
mirror of https://github.com/CompassConnections/Compass.git synced 2026-02-18 23:06:40 -05:00
Code Issues Packages Projects Releases Wiki Activity

Fix button UI, default gray

Browse Source
This commit is contained in:
MartinBraquet
2026-02-13 00:44:13 +01:00
parent dbe45d5181
commit 702d4ea1a2
2 changed files with 16 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
web/components/buttons/button.tsx
View File

@@ -65,7 +65,7 @@ export function buttonClass(size: SizeType, color: ColorType) {
],
color === 'gray' &&
'bg-ink-300 text-ink-900 disabled:bg-ink-200 disabled:text-ink-500 hover:bg-ink-200 dark:enabled:hover:bg-ink-400 hover:text-ink-1000',
color === 'gray-outline' && [outline, 'text-ink-600 hover:bg-canvas-200'],
color === 'gray-outline' && [outline, 'text-ink-600 hover:bg-canvas-100'],
color === 'gradient' && [gradient, 'from-primary-500 to-blue-400'],
color === 'gradient-pink' && [gradient, 'from-primary-500 to-fuchsia-500'],
color === 'gray-white' &&
@@ -91,7 +91,7 @@ export const Button = forwardRef(function Button(
children,
className,
size = 'md',
color = 'indigo',
color = 'gray-outline',
type = 'button',
disabled = false,
loading,

28
web/components/messaging/new-message-button.tsx
View File

@@ -1,24 +1,24 @@
import { PlusIcon } from '@heroicons/react/solid'
import { Button } from '../buttons/button'
import { useState } from 'react'
import { MODAL_CLASS, Modal } from '../layout/modal'
import { Col } from '../layout/col'
import { api } from 'web/lib/api'
import { useRouter } from 'next/router'
import {PlusIcon} from '@heroicons/react/solid'
import {Button} from '../buttons/button'
import {useState} from 'react'
import {Modal, MODAL_CLASS} from '../layout/modal'
import {Col} from '../layout/col'
import {api} from 'web/lib/api'
import {useRouter} from 'next/router'
import clsx from 'clsx'
import { Row } from 'web/components/layout/row'
import { SelectUsers } from 'web/components/select-users'
import { DisplayUser } from 'common/api/user-types'
import { usePrivateUser } from 'web/hooks/use-user'
import { buildArray } from 'common/util/array'
import { useT } from 'web/lib/locale'
import {Row} from 'web/components/layout/row'
import {SelectUsers} from 'web/components/select-users'
import {DisplayUser} from 'common/api/user-types'
import {usePrivateUser} from 'web/hooks/use-user'
import {buildArray} from 'common/util/array'
import {useT} from 'web/lib/locale'
export default function NewMessageButton() {
const [open, setOpen] = useState(false)
const t = useT()
return (
<>
<Button className="h-fit gap-1" onClick={() => setOpen(true)}>
<Button className="h-fit gap-1" color={'gray-outline'} onClick={() => setOpen(true)}>
<PlusIcon className="h-5 w-5" aria-hidden="true" />
{t('messages.new_message', 'New Message')}
</Button>