RomanNum3ral
/
ai-toolkit
mirror of https://github.com/ostris/ai-toolkit.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Updated the support button to look more like a button

This commit is contained in:
Jaret Burkett 2026-05-25 07:48:04 -06:00
parent 8042cbe9d2
commit a798e06dd2
2 changed files with 46 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

24
ui/src/app/globals.css
View File

@ -58,6 +58,30 @@ body {
} }
} }
@keyframes heartbeat {
0%,
40%,
100% {
transform: scale(1);
}
10% {
transform: scale(1.6);
}
20% {
transform: scale(1);
}
30% {
transform: scale(1.45);
}
}
.animate-heartbeat {
animation: heartbeat 1.6s ease-in-out infinite;
transform-origin: center;
transform-box: fill-box;
will-change: transform;
}
@layer components { @layer components {
/* control */ /* control */
.aitk-react-select-container .aitk-react-select__control { .aitk-react-select-container .aitk-react-select__control {

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

@ -75,24 +75,29 @@ const Sidebar = () => {
))} ))}
</ul> </ul>
</nav> </nav>
<a <div className="px-3 py-3">
href="https://ostris.com/support" <a
target="_blank" href="https://ostris.com/support"
rel="noreferrer" target="_blank"
className="flex items-center space-x-2 px-4 py-3" rel="noreferrer"
> className="flex items-center justify-center space-x-2 px-4 py-2.5 rounded-full bg-gray-800 hover:bg-gray-700 shadow-md hover:shadow-lg ring-1 ring-gray-700 hover:ring-gray-600 transition-all duration-200 hover:-translate-y-0.5 active:translate-y-0 active:shadow-sm"
<div className="min-w-[26px] min-h-[26px]"> >
<svg height="24" version="1.1" width="24" xmlns="http://www.w3.org/2000/svg"> <svg
<g transform="translate(0 -1028.4)"> height="20"
<path width="20"
d="m7 1031.4c-1.5355 0-3.0784 0.5-4.25 1.7-2.3431 2.4-2.2788 6.1 0 8.5l9.25 9.8 9.25-9.8c2.279-2.4 2.343-6.1 0-8.5-2.343-2.3-6.157-2.3-8.5 0l-0.75 0.8-0.75-0.8c-1.172-1.2-2.7145-1.7-4.25-1.7z" xmlns="http://www.w3.org/2000/svg"
fill="#c0392b" viewBox="0 0 24 24"
/> style={{ overflow: 'visible' }}
</g> >
<path
className="animate-heartbeat"
d="m7 3c-1.5355 0-3.0784 0.5-4.25 1.7-2.3431 2.4-2.2788 6.1 0 8.5l9.25 9.8 9.25-9.8c2.279-2.4 2.343-6.1 0-8.5-2.343-2.3-6.157-2.3-8.5 0l-0.75 0.8-0.75-0.8c-1.172-1.2-2.7145-1.7-4.25-1.7z"
fill="#c0392b"
/>
</svg> </svg>
</div> <span className="uppercase text-gray-200 text-sm font-semibold tracking-wide">Support AI-Toolkit</span>
<div className="uppercase text-gray-500 text-sm mb-2 flex-1 pt-2 pl-0">Support AI-Toolkit</div> </a>
</a> </div>
{/* Social links grid */} {/* Social links grid */}
<div className="px-1 py-1 border-t border-gray-800"> <div className="px-1 py-1 border-t border-gray-800">