mirror of
https://github.com/CompassConnections/Compass.git
synced 2026-03-27 11:01:27 -04:00
Clean /organization
This commit is contained in:
@@ -4,15 +4,22 @@ export const GeneralButton = (props: {
|
||||
url: string
|
||||
content: string
|
||||
}) => {
|
||||
const {url, content} = props
|
||||
return <div className="rounded-xl shadow p-6 flex flex-col items-center">
|
||||
<Link
|
||||
href={url}
|
||||
className="px-6 py-2 rounded-full bg-gray-200 text-gray-800 font-semibold text-lg shadow hover:bg-gray-300 dark:bg-gray-700 dark:text-white dark:hover:bg-gray-600 transition"
|
||||
target={url.startsWith('http') ? '_blank' : undefined}
|
||||
rel={url.startsWith('http') ? 'noopener noreferrer' : undefined}
|
||||
>
|
||||
{content}
|
||||
</Link>
|
||||
</div>;
|
||||
const {url, content} = props;
|
||||
|
||||
return (
|
||||
<div className="rounded-xl p-3 flex flex-col items-center group">
|
||||
<Link
|
||||
href={url}
|
||||
className="w-full px-8 py-3 rounded-full border-2 border-gray-300 dark:border-gray-600 text-gray-800 dark:text-white font-medium text-lg
|
||||
hover:translate-y-[-2px] transition-transform duration-200 ease-in-out
|
||||
bg-transparent hover:bg-gray-100 dark:hover:bg-gray-800/50"
|
||||
target={url.startsWith('http') ? '_blank' : undefined}
|
||||
rel={url.startsWith('http') ? 'noopener noreferrer' : undefined}
|
||||
>
|
||||
<div className="flex items-center justify-center w-full h-full">
|
||||
{content}
|
||||
</div>
|
||||
</Link>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user