jamesf/Perplexica
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fix the color of dark mode

Browse source
This commit is contained in:
Yifei Hu 2024-07-10 12:59:34 +08:00
parent e14bb334ba
commit 10b38e392a
2 changed files with 9 additions and 9 deletions
Download patch file Download diff file Expand all files Collapse all files

8
ui/components/ContextItem.tsx
View file

@ -17,8 +17,8 @@ interface ContextItemProps {
const ContextItem: React.FC<ContextItemProps> = ({ item }) => {
return (
<div className="border p-4 rounded-lg mb-4">
<h4 className="font-bold">{item.name}</h4>
<div className="border p-4 rounded-lg mb-4 dark:border-gray-700">
<h4 className="font-bold text-black dark:text-white">{item.name}</h4>
{item.image && (
<Image
src={item.image.contentUrl}
@ -28,8 +28,8 @@ const ContextItem: React.FC<ContextItemProps> = ({ item }) => {
className="my-2 rounded"
/>
)}
<p>{item.description}</p>
<div className="text-sm text-gray-500 mt-2">
<p className="text-black dark:text-white">{item.description}</p>
<div className="text-sm text-gray-500 dark:text-gray-400 mt-2">
{item.provider[0].name} | {new Date(item.datePublished).toLocaleDateString()}
</div>
<a href={item.url} target="_blank" rel="noopener noreferrer" className="text-blue-500 hover:underline">