Ryan/documenso
1
0
Fork 1
mirror of https://github.com/documenso/documenso.git synced 2025-11-14 00:32:43 +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"> <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"> <h1 className="inline text-3xl font-bold tracking-tight sm:text-5xl">
500 500
<span className="px-3 font-thin"> <span className="px-3 font-thin">|</span>
|
</span>
</h1> </h1>
<p className="inline text-base font-semibold leading-8 sm:text-2xl"> <p className="inline text-base font-semibold leading-8 sm:text-2xl">
Something went wrong. Something went wrong.
</p> </p>
<div className="flex justify-center mt-10"> <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"; import React from "react";
export function Button(props: any) { 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 { color = "primary", icon, disabled, onClick } = props;
const baseStyles = 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 "; "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 = const primaryStyles = "text-white bg-neon hover:bg-neon-dark";
"text-gray-900 bg-neon hover:bg-neon-dark ";
const secondaryStyles = 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 ? ( return isLink ? (
<Link <Link
@ -36,7 +35,7 @@ export function Button(props: any) {
) : ( ) : (
<button <button
id={props.id} id={props.id}
type="button" type={props.type || "button"}
className={classNames( className={classNames(
baseStyles, baseStyles,
color === "primary" ? primaryStyles : secondaryStyles, color === "primary" ? primaryStyles : secondaryStyles,