opensource/sqlchat
1
0
Fork 0
mirror of https://github.com/sqlchat/sqlchat.git synced 2025-09-24 16:46:05 +08:00
Code Issues Packages Projects Releases Wiki Activity

chore: adjust clickable area for engine type radio

Browse Source
This commit is contained in:
Tianzhou Chen
2023-05-21 15:22:02 +08:00
parent 120ada39c1
commit a994013fcd
1 changed files with 2 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/components/CreateConnectionModal.tsx
View File

@ -244,7 +244,7 @@ const CreateConnectionModal = (props: Props) => {
{engines.map((engine) => ( {engines.map((engine) => (
<div <div
key={engine.type} key={engine.type}
className="cursor-pointer relative flex items-center space-x-3 rounded-lg border border-gray-300 bg-white px-4 py-2 shadow-sm focus-within:ring-2 focus-within:ring-indigo-500 focus-within:ring-offset-2 hover:border-gray-400" className="relative flex items-center space-x-3 rounded-lg border border-gray-300 bg-white px-4 py-2 shadow-sm focus-within:ring-2 focus-within:ring-indigo-500 focus-within:ring-offset-2 hover:border-gray-400"
> >
<Radio <Radio
value={engine.type} value={engine.type}
@ -252,7 +252,7 @@ const CreateConnectionModal = (props: Props) => {
onChange={(value) => setPartialConnection({ engineType: value as Engine })} onChange={(value) => setPartialConnection({ engineType: value as Engine })}
/> />
<EngineIcon className="h-8 w-8 rounded-full" engine={engine.type} /> <EngineIcon className="h-8 w-8 rounded-full" engine={engine.type} />
<label htmlFor={engine.type} className="cursor-pointer ml-3 block text-sm font-medium leading-6 text-gray-900"> <label htmlFor={engine.type} className="ml-3 block text-sm font-medium leading-6 text-gray-900">
{engine.name} {engine.name}
</label> </label>
</div> </div>