moon
/
soapbox
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Remove shadow from transparent input

This commit is contained in:
Justin 2022-10-05 16:22:13 -04:00
parent 7df4476427
commit a18cce4c81
3 changed files with 4 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
app/soapbox/components/ui/input/input.tsx
View File

@ -61,9 +61,10 @@ const Input = React.forwardRef<HTMLInputElement, IInput>(
return ( return (
<div <div
className={ className={
classNames('relative shadow-sm', { classNames('relative', {
'rounded-md': theme !== 'search', 'rounded-md': theme !== 'search',
'rounded-full': theme === 'search', 'rounded-full': theme === 'search',
'shadow-sm': theme !== 'transparent',
'mt-1': !String(outerClassName).includes('mt-'), 'mt-1': !String(outerClassName).includes('mt-'),
[String(outerClassName)]: typeof outerClassName !== 'undefined', [String(outerClassName)]: typeof outerClassName !== 'undefined',
}) })

2
app/soapbox/features/chats/components/chat-page/components/chat-page-main.tsx
View File

@ -74,7 +74,7 @@ const ChatPageMain = () => {
return ( return (
<Stack className='h-full overflow-hidden'> <Stack className='h-full overflow-hidden'>
<HStack alignItems='center' justifyContent='between' space={2} className='px-4 py-2 w-full'> <HStack alignItems='center' justifyContent='between' space={2} className='px-4 py-4 w-full'>
<HStack alignItems='center' space={2} className='overflow-hidden'> <HStack alignItems='center' space={2} className='overflow-hidden'>
<HStack alignItems='center'> <HStack alignItems='center'>
<IconButton <IconButton

3
app/soapbox/features/chats/components/chat-page/components/chat-page-new.tsx
View File

@ -6,8 +6,6 @@ import AccountSearch from 'soapbox/components/account_search';
import { CardTitle, HStack, Stack, Text } from 'soapbox/components/ui'; import { CardTitle, HStack, Stack, Text } from 'soapbox/components/ui';
import { useChats } from 'soapbox/queries/chats'; import { useChats } from 'soapbox/queries/chats';
import ChatComposer from '../../chat-composer';
interface IChatPageNew { interface IChatPageNew {
} }
@ -40,6 +38,7 @@ const ChatPageNew: React.FC<IChatPageNew> = () => {
theme='transparent' theme='transparent'
showButtons={false} showButtons={false}
autoFocus autoFocus
className='mb-0.5'
/> />
</HStack> </HStack>
</Stack> </Stack>