alex/nova-betterchat
1
0
Fork 0
mirror of https://github.com/NovaOSS/nova-betterchat.git synced 2024-11-25 18:43:59 +01:00
Code Issues Packages Projects Releases Wiki Activity

fix style: api endpoint selector

Browse source
This commit is contained in:
Jing Hua 2023-04-28 17:28:27 +08:00
parent 6c214f107d
commit b419255beb
1 changed files with 5 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
src/components/ApiMenu/ApiMenu.tsx
View file

@ -53,7 +53,7 @@ const ApiMenu = ({
{t('customEndpoint', { ns: 'api' })}
</label>
<div className='flex gap-2 items-center justify-center mb-6'>
<div className='flex gap-2 items-center mb-6'>
<div className='min-w-fit text-gray-900 dark:text-gray-300 text-sm'>
{t('apiEndpoint.inputLabel', { ns: 'api' })}
</div>
@ -124,13 +124,13 @@ const ApiEndpointSelector = ({
const [dropDown, setDropDown] = useState<boolean>(false);
return (
<div className='w-full relative'>
<div className='w-[40vw] relative flex-1'>
<button
className='btn btn-neutral btn-small flex w-32 flex justify-between w-full'
className='btn btn-neutral btn-small flex justify-between w-full'
type='button'
onClick={() => setDropDown((prev) => !prev)}
>
{_apiEndpoint}
<span className='truncate'>{_apiEndpoint}</span>
<DownChevronArrow />
</button>
<div
@ -145,7 +145,7 @@ const ApiEndpointSelector = ({
>
{availableEndpoints.map((endpoint) => (
<li
className='px-4 py-2 hover:bg-gray-100 dark:hover:bg-gray-600 dark:hover:text-white cursor-pointer'
className='px-4 py-2 hover:bg-gray-100 dark:hover:bg-gray-600 dark:hover:text-white cursor-pointer truncate'
onClick={() => {
_setApiEndpoint(endpoint);
setDropDown(false);