projectmoon
/
perplexica
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix(ui): correct the dom elements' position

This commit is contained in:
WanQuanXie 2024-05-29 14:31:42 +08:00
parent cfab91ddbf
commit 9a36e48de5
2 changed files with 15 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
ui/components/EmptyChat.tsx
View File

@ -11,8 +11,10 @@ const EmptyChat = ({
setFocusMode: (mode: string) => void; setFocusMode: (mode: string) => void;
}) => { }) => {
return ( return (
<div className="relative flex flex-col items-center justify-center min-h-screen max-w-screen-sm mx-auto p-2 space-y-8"> <div className="relative">
<ThemeSwitcher size={17} className="absolute top-2 right-0 lg:hidden" /> <ThemeSwitcher size={17} className="absolute top-2 right-0 lg:hidden" />
<div className="flex flex-col items-center justify-center min-h-screen max-w-screen-sm mx-auto p-2 space-y-8">
<h2 className="text-black/70 dark:text-white/70 text-3xl font-medium -mt-8"> <h2 className="text-black/70 dark:text-white/70 text-3xl font-medium -mt-8">
Research begins here. Research begins here.
</h2> </h2>
@ -22,6 +24,7 @@ const EmptyChat = ({
setFocusMode={setFocusMode} setFocusMode={setFocusMode}
/> />
</div> </div>
</div>
); );
}; };

5
ui/components/Navbar.tsx
View File

@ -49,9 +49,10 @@ const Navbar = ({ messages }: { messages: Message[] }) => {
<p className="text-xs">{timeAgo} ago</p> <p className="text-xs">{timeAgo} ago</p>
</div> </div>
<p className="hidden lg:flex">{title}</p> <p className="hidden lg:flex">{title}</p>
<div className="flex flex-row items-center space-x-4">
<ThemeSwitcher size={17} className="lg:hidden" />
<ThemeSwitcher size={17} className="lg:hidden ml-auto mr-4" />
<div className="flex flex-row items-center space-x-4">
<Share <Share
size={17} size={17}
className="active:scale-95 transition duration-100 cursor-pointer" className="active:scale-95 transition duration-100 cursor-pointer"