mirror of
https://github.com/lukevella/rallly.git
synced 2025-07-24 11:47:24 +02:00
Update prettier and fix formatting
This commit is contained in:
parent
19b7e1ec04
commit
c00e575a61
29 changed files with 47 additions and 44 deletions
|
@ -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>
|
||||
|
|
|
@ -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}
|
||||
|
|
|
@ -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}
|
||||
|
|
|
@ -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}
|
||||
|
|
|
@ -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>
|
||||
|
|
|
@ -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" />}
|
||||
|
|
|
@ -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"
|
||||
|
|
|
@ -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;
|
||||
|
|
|
@ -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
|
||||
|
|
|
@ -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">
|
||||
|
|
|
@ -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>
|
||||
|
|
|
@ -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>
|
||||
|
|
|
@ -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>
|
||||
|
|
|
@ -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>
|
||||
|
|
|
@ -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>
|
||||
);
|
||||
|
|
|
@ -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}
|
||||
|
|
|
@ -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>
|
||||
|
|
|
@ -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,
|
||||
|
|
|
@ -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;
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue