open.source/manifold
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

changed sidebar button color — violet doesn't match color scheme

Browse Source
This commit is contained in:
mantikoros 2022-05-23 16:38:31 -05:00
parent 3987baa11b
commit 244fd7c981
1 changed files with 8 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
web/components/nav/sidebar.tsx
View File

@ -156,6 +156,12 @@ export default function Sidebar(props: { className?: string }) {
const mobileNavigationOptions =
user === null ? signedOutMobileNavigation : mobileNavigation
const gradient =
'from-indigo-500 to-blue-500 hover:from-indigo-700 hover:to-blue-700'
const buttonStyle =
'border-w-0 mx-auto mt-4 -ml-1 w-full rounded-md bg-gradient-to-r py-2.5 text-base font-semibold text-white shadow-sm lg:-ml-0'
return (
<nav aria-label="Sidebar" className={className}>
<ManifoldLogo className="pb-6" twoLine />
@ -194,14 +200,14 @@ export default function Sidebar(props: { className?: string }) {
<div className={'aligncenter flex justify-center'}>
{user ? (
<Link href={'/create'} passHref>
<button className="border-w-0 mx-auto mt-4 -ml-1 w-full rounded-md bg-gradient-to-r from-purple-500 via-violet-500 to-indigo-500 py-2.5 text-base font-semibold text-white shadow-sm hover:from-purple-700 hover:via-violet-700 hover:to-indigo-700 lg:-ml-0">
<button className={clsx(gradient, buttonStyle)}>
Ask a question
</button>
</Link>
) : (
<button
onClick={firebaseLogin}
className="border-w-0 mx-auto mt-4 -ml-1 w-full rounded-md bg-gradient-to-r from-purple-500 via-violet-500 to-indigo-500 py-2.5 text-base font-semibold text-white shadow-sm hover:from-purple-700 hover:via-violet-700 hover:to-indigo-700 lg:-ml-0"
className={clsx(gradient, buttonStyle)}
>
Sign in
</button>