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

feat(ui): theme switcher show in responsive mode

Browse source
This commit is contained in:
WanQuanXie 2024-05-28 10:48:58 +08:00
parent af9862c019
commit 710b72d053
2 changed files with 16 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

3
ui/components/Navbar.tsx
View file

@ -2,6 +2,7 @@ import { Clock, Edit, Share, Trash } from 'lucide-react';
import { Message } from './ChatWindow';
import { useEffect, useState } from 'react';
import { formatTimeDifference } from '@/lib/utils';
import { ThemeSwitcher } from './theme/Switcher';
const Navbar = ({ messages }: { messages: Message[] }) => {
const [title, setTitle] = useState<string>('');
@ -49,6 +50,8 @@ const Navbar = ({ messages }: { messages: Message[] }) => {
</div>
<p className="hidden lg:flex">{title}</p>
<div className="flex flex-row items-center space-x-4">
<ThemeSwitcher size={17} className="lg:hidden" />
<Share
size={17}
className="active:scale-95 transition duration-100 cursor-pointer"