ostris/ai-toolkit
1
0
Fork 0
mirror of https://github.com/ostris/ai-toolkit.git synced 2026-05-01 03:31:35 +00:00
Code Issues Packages Projects Releases Wiki Activity

Adjust the ui of the sidebar

Browse Source
This commit is contained in:
Jaret Burkett
2025-06-10 08:40:51 -06:00
parent 517bc294fa
commit 7317ed58af
1 changed files with 8 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
ui/src/components/Sidebar.tsx
View File

@@ -11,11 +11,12 @@ const Sidebar = () => {
]; ];
return ( return (
<div className="flex flex-col w-64 bg-gray-900 text-gray-100"> <div className="flex flex-col w-59 bg-gray-900 text-gray-100">
<div className="p-4"> <div className="px-4 py-3">
<h1 className="text-xl"> <h1 className="text-l">
<img src="/ostris_logo.png" alt="Ostris AI Toolkit" className="w-auto h-8 mr-3 inline" /> <img src="/ostris_logo.png" alt="Ostris AI Toolkit" className="w-auto h-7 mr-3 inline" />
Ostris - AI Toolkit <span className="font-bold uppercase">Ostris</span>
<span className='ml-2 uppercase text-gray-300'>AI-Toolkit</span>
</h1> </h1>
</div> </div>
<nav className="flex-1"> <nav className="flex-1">
@@ -33,7 +34,7 @@ const Sidebar = () => {
))} ))}
</ul> </ul>
</nav> </nav>
<a href="https://ostris.com/support" target="_blank" rel="noreferrer" className="flex items-center space-x-2 p-4"> <a href="https://ostris.com/support" target="_blank" rel="noreferrer" className="flex items-center space-x-2 px-4 py-3">
<div className="min-w-[26px] min-h-[26px]"> <div className="min-w-[26px] min-h-[26px]">
<svg height="24" version="1.1" width="24" xmlns="http://www.w3.org/2000/svg"> <svg height="24" version="1.1" width="24" xmlns="http://www.w3.org/2000/svg">
<g transform="translate(0 -1028.4)"> <g transform="translate(0 -1028.4)">
@@ -44,7 +45,7 @@ const Sidebar = () => {
</g> </g>
</svg> </svg>
</div> </div>
<div className="text-gray-500 text-sm mb-2 flex-1 pt-2 pl-0">SUPPORT THIS PROJECT</div> <div className="uppercase text-gray-500 text-sm mb-2 flex-1 pt-2 pl-0">Support AI-Toolkit</div>
</a> </a>
</div> </div>
); );