blsmedia/bot
2
0
Fork 0
Code Activity

💄 (textEditor) Fix floating link inputs color in dark mode

Browse Source
This commit is contained in:
Baptiste Arnaud
2024-03-04 18:20:24 +01:00
parent 8e20d90081
commit 579e4078b9
1 changed files with 3 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
apps/builder/src/features/blocks/bubbles/textBubble/components/plate/LinkFloatingInput.tsx
View File

@ -22,6 +22,7 @@ import {
InputGroup, InputGroup,
InputLeftElement, InputLeftElement,
Stack, Stack,
useColorModeValue,
} from '@chakra-ui/react' } from '@chakra-ui/react'
import { TextInputIcon } from '@/features/blocks/inputs/textInput/components/TextInputIcon' import { TextInputIcon } from '@/features/blocks/inputs/textInput/components/TextInputIcon'
@ -41,6 +42,7 @@ export interface LinkFloatingToolbarProps {
} }
export function LinkFloatingToolbar({ state }: LinkFloatingToolbarProps) { export function LinkFloatingToolbar({ state }: LinkFloatingToolbarProps) {
const bgColor = useColorModeValue('white', 'gray.800')
const urlInputRef = useRef<HTMLInputElement>(null) const urlInputRef = useRef<HTMLInputElement>(null)
const insertState = useFloatingLinkInsertState({ const insertState = useFloatingLinkInsertState({
...state, ...state,
@ -79,12 +81,12 @@ export function LinkFloatingToolbar({ state }: LinkFloatingToolbarProps) {
const input = ( const input = (
<Stack <Stack
w="330px" w="330px"
bgColor="white"
px="4" px="4"
py="2" py="2"
rounded="md" rounded="md"
borderWidth={1} borderWidth={1}
shadow="md" shadow="md"
bgColor={bgColor}
> >
<InputGroup> <InputGroup>
<InputLeftElement pointerEvents="none"> <InputLeftElement pointerEvents="none">