Ryan/documenso
1
0
Fork 1
mirror of https://github.com/documenso/documenso.git synced 2025-11-13 08:13:56 +10:00
Code Issues Packages Projects Releases Wiki Activity

Reverted Button

Browse Source
This commit is contained in:
litaesther10
2023-02-21 13:13:09 +01:00
parent 55e4927912
commit dd6c643622
2 changed files with 6 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
apps/web/pages/500.jsx
View File

@ -14,12 +14,9 @@ export default function Custom500() {
<div className="px-6 py-48 mx-auto text-center max-w-7xl sm:py-40 lg:px-8">
<h1 className="inline text-3xl font-bold tracking-tight sm:text-5xl">
500
<span className="px-3 font-thin">
|
</span>
<span className="px-3 font-thin">|</span>
</h1>
<p className="inline text-base font-semibold leading-8 sm:text-2xl">
Something went wrong.
</p>
<div className="flex justify-center mt-10">

11
packages/ui/components/button/Button.tsx
View File

@ -3,14 +3,13 @@ import Link from "next/link";
import React from "react";
export function Button(props: any) {
const isLink = typeof props.href !== "undefined";
const isLink = typeof props.href !== "undefined" && !props.disabled;
const { color = "primary", icon, disabled, onClick } = props;
const baseStyles =
"inline-flex items-center justify-center min-w-[80px] rounded-2xl border border-transparent px-4 py-3 text-sm font-medium shadow-sm disabled:bg-gray-300 transition-all duration-300 ";
const primaryStyles =
"text-gray-900 bg-neon hover:bg-neon-dark ";
"inline-flex items-center justify-center min-w-[80px] rounded-md border border-transparent px-4 py-2 text-sm font-medium shadow-sm disabled:bg-gray-300";
const primaryStyles = "text-white bg-neon hover:bg-neon-dark";
const secondaryStyles =
"border-brown/30 bg-white text-brown hover:bg-brown hover:text-white hover:shadow-xl shadow-md hover:shadow-3xl shadow-gray-500/20 hover:shadow-slate-600/30 hover:-translate-y-1 ";
"border-gray-300 bg-white text-gray-700 hover:bg-gray-50";
return isLink ? (
<Link
@ -36,7 +35,7 @@ export function Button(props: any) {
) : (
<button
id={props.id}
type="button"
type={props.type || "button"}
className={classNames(
baseStyles,
color === "primary" ? primaryStyles : secondaryStyles,