fix: various tweaks
This commit is contained in:
@@ -111,7 +111,7 @@ const FeedbackButton: React.FC = () => {
|
|||||||
Need help?{" "}
|
Need help?{" "}
|
||||||
<Link
|
<Link
|
||||||
href="mailto:support@kanbn.com"
|
href="mailto:support@kanbn.com"
|
||||||
className="text-blue-600 underline"
|
className="text-blue-600 underline dark:text-blue-300"
|
||||||
>
|
>
|
||||||
Contact us
|
Contact us
|
||||||
</Link>
|
</Link>
|
||||||
@@ -120,7 +120,7 @@ const FeedbackButton: React.FC = () => {
|
|||||||
href="https://docs.kanbn.com"
|
href="https://docs.kanbn.com"
|
||||||
target="_blank"
|
target="_blank"
|
||||||
rel="noreferrer"
|
rel="noreferrer"
|
||||||
className="text-blue-600 underline"
|
className="text-blue-600 underline dark:text-blue-300"
|
||||||
>
|
>
|
||||||
docs
|
docs
|
||||||
</Link>
|
</Link>
|
||||||
|
|||||||
@@ -42,7 +42,7 @@ export function BoardsList() {
|
|||||||
);
|
);
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<div className="grid w-full grid-cols-1 gap-4 sm:grid-cols-1 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 xxl:grid-cols-5">
|
<div className="grid h-fit w-full grid-cols-1 gap-4 sm:grid-cols-1 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 xxl:grid-cols-5">
|
||||||
{data?.map((board) => (
|
{data?.map((board) => (
|
||||||
<Link key={board.publicId} href={`boards/${board.publicId}`}>
|
<Link key={board.publicId} href={`boards/${board.publicId}`}>
|
||||||
<div className="align-center relative mr-5 flex h-[150px] w-full items-center justify-center rounded-md border border-dashed border-light-400 bg-light-50 shadow-sm hover:bg-light-200 dark:border-dark-600 dark:bg-dark-50 dark:hover:bg-dark-100">
|
<div className="align-center relative mr-5 flex h-[150px] w-full items-center justify-center rounded-md border border-dashed border-light-400 bg-light-50 shadow-sm hover:bg-light-200 dark:border-dark-600 dark:bg-dark-50 dark:hover:bg-dark-100">
|
||||||
|
|||||||
@@ -1,3 +1,4 @@
|
|||||||
|
import Link from "next/link";
|
||||||
import { useEffect, useState } from "react";
|
import { useEffect, useState } from "react";
|
||||||
|
|
||||||
import Button from "~/components/Button";
|
import Button from "~/components/Button";
|
||||||
@@ -55,9 +56,11 @@ const Cta = ({ theme }: { theme: string }) => {
|
|||||||
Unlimited boards, unlimited lists, unlimited cards. No credit card
|
Unlimited boards, unlimited lists, unlimited cards. No credit card
|
||||||
required.
|
required.
|
||||||
</p>
|
</p>
|
||||||
<div className="mt-10 flex items-center justify-center gap-x-6">
|
<Link href="/signup">
|
||||||
<Button size="lg">Get started</Button>
|
<div className="mt-10 flex items-center justify-center gap-x-6">
|
||||||
</div>
|
<Button size="lg">Get started</Button>
|
||||||
|
</div>
|
||||||
|
</Link>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<svg
|
<svg
|
||||||
|
|||||||
@@ -122,7 +122,7 @@ const Pricing = () => {
|
|||||||
key={tier.id}
|
key={tier.id}
|
||||||
className={twMerge(
|
className={twMerge(
|
||||||
tier.highlighted
|
tier.highlighted
|
||||||
? "bg-dark-50 ring-1 dark:ring-dark-800"
|
? "bg-dark-50 ring-1 ring-dark-50 dark:ring-dark-800"
|
||||||
: "bg-light-50 ring-1 ring-light-300 dark:bg-dark-50 dark:ring-dark-300",
|
: "bg-light-50 ring-1 ring-light-300 dark:bg-dark-50 dark:ring-dark-300",
|
||||||
"rounded-3xl p-8 xl:p-10",
|
"rounded-3xl p-8 xl:p-10",
|
||||||
)}
|
)}
|
||||||
|
|||||||
Reference in New Issue
Block a user