iod/page-assist
6
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: Improve UI styles in PlaygroundForm and Select components

Browse Source
This commit is contained in:
n4ze3m 2025-01-12 00:27:58 +05:30
parent bac85d65c5
commit 72926f947e
2 changed files with 4 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/components/Option/Playground/PlaygroundForm.tsx
View File

@ -205,7 +205,7 @@ export const PlaygroundForm = ({ dropedFile }: Props) => {
return ( return (
<div <div
className={`px-3 pt-3 bg-gray-100 dark:bg-[#262626] border rounded-t-xl dark:border-gray-600 className={`px-3 pt-3 bg-gray-100 dark:bg-[#262626] border rounded-t-xl dark:border-gray-600
${temporaryChat && "!bg-gray-300 dark:!bg-black "} ${temporaryChat && "!bg-gray-200 dark:!bg-black "}
`}> `}>
<div <div
className={`h-full rounded-md shadow relative ${ className={`h-full rounded-md shadow relative ${
@ -231,7 +231,7 @@ export const PlaygroundForm = ({ dropedFile }: Props) => {
<div> <div>
<div <div
className={`flex rounded-t-xl bg-white dark:bg-transparent ${ className={`flex rounded-t-xl bg-white dark:bg-transparent ${
temporaryChat && "!bg-gray-300 dark:!bg-black" temporaryChat && "!bg-gray-100 dark:!bg-black"
}`}> }`}>
<form <form
onSubmit={form.onSubmit(async (value) => { onSubmit={form.onSubmit(async (value) => {

3
src/components/Select/index.tsx
View File

@ -175,10 +175,11 @@ export const PageAssistSelect: React.FC<SelectProps> = ({
flex items-center justify-between p-2.5 rounded-lg border flex items-center justify-between p-2.5 rounded-lg border
${disabled || isLoading ? "cursor-not-allowed opacity-50" : "cursor-pointer"} ${disabled || isLoading ? "cursor-not-allowed opacity-50" : "cursor-pointer"}
${isOpen ? "ring-2 ring-blue-500" : ""} ${isOpen ? "ring-2 ring-blue-500" : ""}
bg-transparent border-gray-200 text-gray-900 bg-transparent border-gray-300 text-gray-900
transition-all duration-200 transition-all duration-200
dark:text-white dark:text-white
dark:border-[#353534] dark:border-[#353534]
bg-white dark:bg-[#171717]
` `
const defaultDropdownClass = ` const defaultDropdownClass = `