Update prettier and fix formatting

This commit is contained in:
Luke Vella 2024-11-09 15:34:19 +00:00
parent 19b7e1ec04
commit c00e575a61
No known key found for this signature in database
GPG key ID: 469CAD687F0D784C
29 changed files with 47 additions and 44 deletions

View file

@ -12,7 +12,7 @@ export default function BlogLayout({
<div className="mx-auto max-w-2xl space-y-12">
{children}
<div className="overflow-hidden rounded-md border bg-gray-200/50 backdrop-blur-sm">
<div className="flex flex-col gap-x-4 gap-y-2 p-6 pb-0 sm:flex-row">
<div className="flex flex-col gap-x-4 gap-y-2 p-6 pb-0 sm:flex-row">
<div>
<NewspaperIcon className="size-6" />
</div>

View file

@ -63,7 +63,7 @@ export const Footer: React.FunctionComponent = () => {
return (
<div className="mx-auto space-y-8">
<div className="space-y-16 lg:flex lg:space-x-8 lg:space-y-0">
<div className=" lg:w-2/6">
<div className="lg:w-2/6">
<Image
src="/logo-grayscale.svg"
width={140}

View file

@ -14,7 +14,7 @@ export const NavLink = ({
<Link
className={cn(
"inline-flex items-center gap-x-2.5 rounded text-sm font-medium",
isActive ? "" : "hover:text-primary text-muted-foreground ",
isActive ? "" : "hover:text-primary text-muted-foreground",
className,
)}
{...props}

View file

@ -126,7 +126,7 @@ export default async function Page({ params }: { params: { locale: string } }) {
const { t } = await getTranslation(params.locale, ["common", "pricing"]);
return (
<article className="mx-auto max-w-3xl space-y-6">
<header className="space-y-2 sm:p-6 sm:text-center ">
<header className="space-y-2 sm:p-6 sm:text-center">
<h1 className="text-2xl font-bold tracking-tight sm:text-4xl">
<Trans
t={t}

View file

@ -25,7 +25,7 @@ const ErrorPage: React.FunctionComponent<ComponentProps> = ({
{icon || (
<FileSearchIcon className="mb-4 inline-block size-24 text-gray-400" />
)}
<div className="text-primary-600 mb-2 text-3xl font-bold ">
<div className="text-primary-600 mb-2 text-3xl font-bold">
{title}
</div>
<p className="text-gray-600">{description}</p>

View file

@ -13,7 +13,7 @@ import { BonusItem } from "@/components/home/bonus-item";
export async function Bonus({ t }: { t: TFunction }) {
const userCount = await prisma.user.count();
return (
<div className="mx-auto flex flex-wrap justify-center gap-2 whitespace-nowrap text-center sm:grid-cols-4 sm:gap-4 sm:gap-x-8">
<div className="mx-auto flex flex-wrap justify-center gap-2 whitespace-nowrap text-center sm:grid-cols-4 sm:gap-4 sm:gap-x-8">
<BonusItem
className="bg-indigo-600"
icon={<Users2Icon className="size-4" />}

View file

@ -266,7 +266,7 @@ export const BigTestimonial = () => {
initial={{ opacity: 0, y: 20 }}
whileInView={{ opacity: 1, y: 0 }}
viewport={{ once: true, amount: "all" }}
className="flex flex-col items-center gap-y-8 "
className="flex flex-col items-center gap-y-8"
>
<Image
src="/static/images/stars-5.svg"

View file

@ -62,7 +62,7 @@
@apply mb-6 leading-relaxed;
}
p:has(> img) {
@apply flex items-center justify-center overflow-hidden rounded-xl border bg-gray-50 p-2;
@apply flex items-center justify-center overflow-hidden rounded-xl border bg-gray-50 p-2;
}
img {
@apply mx-auto rounded-lg border;
@ -126,7 +126,7 @@
}
.btn-default {
@apply btn bg-white/50 text-gray-700 hover:bg-gray-50 hover:shadow-sm active:bg-gray-200 active:shadow-none;
@apply btn bg-white/50 text-gray-700 hover:bg-gray-50 hover:shadow-sm active:bg-gray-200 active:shadow-none;
}
.btn-danger {
text-shadow: rgb(0 0 0 / 20%) 0px 1px 1px;

View file

@ -24,7 +24,7 @@ export function MenuItem({
isCurrent
? "bg-gray-200 text-indigo-600"
: "hover:text-primary text-gray-700",
"group flex items-center gap-x-3 rounded-md px-3 py-2 text-sm font-semibold leading-6",
"group flex items-center gap-x-3 rounded-md px-3 py-2 text-sm font-semibold leading-6",
)}
>
<Icon

View file

@ -63,7 +63,7 @@ export function Sidebar() {
const { user } = useUser();
const posthog = usePostHog();
return (
<nav className="flex flex-1 flex-col ">
<nav className="flex flex-1 flex-col">
<ul role="list" className="flex flex-1 flex-col gap-y-7">
<li>
<ul role="list" className="-mx-2 space-y-1">

View file

@ -14,7 +14,7 @@ export default async function Page() {
<div className="space-y-8">
<div className="space-y-4 text-center">
<FileSearchIcon className="mb-4 inline-block size-24 text-gray-400" />
<div className="text-primary-600 mb-2 text-3xl font-bold ">
<div className="text-primary-600 mb-2 text-3xl font-bold">
{t("errors_notFoundTitle")}
</div>
<p className="text-gray-600">{t("errors_notFoundDescription")}</p>

View file

@ -51,7 +51,7 @@ const CookieConsentPopover = () => {
Cookies.set("rallly_cookie_consent", "1", { expires: 365 });
setVisible(false);
}}
className="bg-primary-600 hover:bg-primary-600/90 focus:ring-primary-200 active:bg-primary-600/90 grow rounded-md px-5 py-1 font-semibold text-white shadow-sm transition-all focus:ring-2"
className="bg-primary-600 hover:bg-primary-600/90 focus:ring-primary-200 active:bg-primary-600/90 grow rounded-md px-5 py-1 font-semibold text-white shadow-sm transition-all focus:ring-2"
>
OK
</button>

View file

@ -229,7 +229,7 @@ function DiscussionInner() {
</Badge>
) : null}
</Participant>
<div className="flex items-center gap-2 text-sm ">
<div className="flex items-center gap-2 text-sm">
<div className="text-gray-500">
{dayjs(comment.createdAt).fromNow()}
</div>

View file

@ -21,7 +21,7 @@ const ErrorPage: React.FunctionComponent<ComponentProps> = ({
<div className="space-y-8">
<div className="space-y-4 text-center">
<Icon className="mb-4 inline-block size-24 text-gray-400" />
<div className="text-primary-600 mb-2 text-3xl font-bold ">
<div className="text-primary-600 mb-2 text-3xl font-bold">
{title}
</div>
<p className="text-gray-600">{description}</p>

View file

@ -101,7 +101,7 @@ const WeekCalendar: React.FunctionComponent<DateTimePickerProps> = ({
<div
// onClick prop doesn't work properly. Seems like some other element is cancelling the event before it reaches this element
onMouseUp={props.onClick}
className="text-primary-500 border-primary-300 hover:border-primary-400 hover:text-primary-600 group absolute ml-1 flex max-h-full flex-col justify-between overflow-hidden rounded-lg border border-dashed bg-white/50 p-1 text-xs shadow-sm hover:cursor-pointer"
className="text-primary-500 border-primary-300 hover:border-primary-400 hover:text-primary-600 group absolute ml-1 flex max-h-full flex-col justify-between overflow-hidden rounded-lg border border-dashed bg-white/50 p-1 text-xs shadow-sm hover:cursor-pointer"
style={{
top: `calc(${props.style?.top}% + 4px)`,
height: `calc(${props.style?.height}% - 8px)`,
@ -127,7 +127,7 @@ const WeekCalendar: React.FunctionComponent<DateTimePickerProps> = ({
header: function Header({ date }: any) {
return (
<span className="w-full rounded-md text-center text-sm tracking-tight">
<span className="mr-1.5 font-normal opacity-50">
<span className="mr-1.5 font-normal opacity-50">
{dayjs(date).format("ddd")}
</span>
<span className="font-medium">
@ -143,7 +143,7 @@ const WeekCalendar: React.FunctionComponent<DateTimePickerProps> = ({
children?: React.ReactNode;
}) {
return (
<div className="h-6 text-xs leading-none text-gray-500">
<div className="h-6 text-xs leading-none text-gray-500">
{children}
</div>
);

View file

@ -54,7 +54,7 @@ const Setting = ({ children }: React.PropsWithChildren) => {
<label
className={cn(
"cursor-pointer bg-white hover:bg-gray-50 active:bg-gray-100",
"flex select-none justify-between gap-x-4 gap-y-2.5 rounded-md border p-3 sm:flex-row ",
"flex select-none justify-between gap-x-4 gap-y-2.5 rounded-md border p-3 sm:flex-row",
)}
>
{children}

View file

@ -291,7 +291,7 @@ const DesktopPoll: React.FunctionComponent = () => {
"scrollbar-thin hover:scrollbar-thumb-gray-400 scrollbar-thumb-gray-300 scrollbar-track-gray-100 relative z-10 flex-grow overflow-auto scroll-smooth",
)}
>
<table className="w-full table-auto border-separate border-spacing-0 bg-gray-50 ">
<table className="w-full table-auto border-separate border-spacing-0 bg-gray-50">
<thead>
<PollHeader />
</thead>

View file

@ -28,7 +28,7 @@ const Steps: React.FunctionComponent<StepsProps> = ({
return (
<span
key={i}
className={clsx("h-2 w-2 rounded-full transition-all", {
className={clsx("h-2 w-2 rounded-full transition-all", {
"bg-primary-400": i <= current,
"bg-gray-300": i > current,
"ring-primary-200 animate-pulse ring-4": i === current,

View file

@ -42,7 +42,7 @@
.input {
@apply appearance-none border px-2 text-gray-800 placeholder:text-gray-500;
@apply focus-visible:ring-offset-input-background focus-visible:ring-1 focus-visible:ring-offset-1;
@apply focus-visible:border-primary-400 focus-visible:ring-primary-100;
@apply focus-visible:border-primary-400 focus-visible:ring-primary-100;
}
input.input {
@apply h-9;
@ -64,7 +64,7 @@
}
.btn-default {
@apply btn bg-white/50 text-gray-700 hover:bg-gray-50 hover:shadow-sm active:bg-gray-200 active:shadow-none;
@apply btn bg-white/50 text-gray-700 hover:bg-gray-50 hover:shadow-sm active:bg-gray-200 active:shadow-none;
}
.btn-danger {
text-shadow: rgb(0 0 0 / 20%) 0px 1px 1px;