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

feat(components): beauty dark theme color

Browse source
This commit is contained in:
WanQuanXie 2024-05-01 15:19:22 +08:00
parent 5904e03360
commit fe36dd6dec
12 changed files with 30 additions and 23 deletions
Download patch file Download diff file Expand all files Collapse all files

4
ui/components/Sidebar.tsx
View file

@ -38,7 +38,7 @@ const Sidebar = ({ children }: { children: React.ReactNode }) => {
return (
<div>
<div className="hidden lg:fixed lg:inset-y-0 lg:z-50 lg:flex lg:w-20 lg:flex-col">
<div className="flex grow flex-col items-center justify-between gap-y-5 overflow-y-auto bg-[#111111] px-2 py-8">
<div className="flex grow flex-col items-center justify-between gap-y-5 overflow-y-auto bg-gray-40/20 px-2 py-8">
<a href="/">
<SquarePen className="text-white cursor-pointer" />
</a>
@ -70,7 +70,7 @@ const Sidebar = ({ children }: { children: React.ReactNode }) => {
</div>
</div>
<div className="fixed bottom-0 w-full z-50 flex flex-row items-center gap-x-6 bg-[#111111] px-4 py-4 shadow-sm lg:hidden">
<div className="fixed bottom-0 w-full z-50 flex flex-row items-center gap-x-6 bg-gray-40/20 px-4 py-4 shadow-sm lg:hidden">
{navLinks.map((link, i) => (
<Link
href={link.href}