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

Update prettier styling

Browse Source
This commit is contained in:
Ephraim Atta-Duncan
2023-04-04 22:10:30 +00:00
parent 84b57d715c
commit 964e749039
34 changed files with 258 additions and 93 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
packages/ui/components/breadcrumb/breadcrumb.tsx
View File

@ -7,9 +7,14 @@ export function Breadcrumb(props: any) {
<>
<nav className="sm:hidden" aria-label="Back">
<Link
href={props.items.length > 1 ? props.items[props.items.length - 2].href : props.items[0].href}
href={
props.items.length > 1 ? props.items[props.items.length - 2].href : props.items[0].href
}
className="flex items-center text-sm font-medium text-gray-500 hover:text-gray-700">
<ChevronLeftIcon className="-ml-1 mr-1 h-5 w-5 flex-shrink-0 text-gray-400" aria-hidden="true" />
<ChevronLeftIcon
className="-ml-1 mr-1 h-5 w-5 flex-shrink-0 text-gray-400"
aria-hidden="true"
/>
Back
</Link>
</nav>
@ -18,13 +23,18 @@ export function Breadcrumb(props: any) {
{props?.items.map((item: any, index: number) => (
<React.Fragment key={item.href}>
{index > 0 ? (
<ChevronRightIcon className="h-5 w-5 flex-shrink-0 text-gray-400" aria-hidden="true" />
<ChevronRightIcon
className="h-5 w-5 flex-shrink-0 text-gray-400"
aria-hidden="true"
/>
) : (
""
)}
<li>
<div className="flex">
<Link href={item.href} className="text-sm font-medium text-gray-500 hover:text-gray-700">
<Link
href={item.href}
className="text-sm font-medium text-gray-500 hover:text-gray-700">
{item.title}
</Link>
</div>

18
packages/ui/components/dialog/Dialog.tsx
View File

@ -21,8 +21,18 @@ type DialogProps = {
icon: React.ReactNode;
};
export function Dialog({ title, open, setOpen, document, formValues, setLoading, icon }: DialogProps) {
const unsentEmailsLength = formValues.filter((s: any) => s.email && s.sendStatus != "SENT").length;
export function Dialog({
title,
open,
setOpen,
document,
formValues,
setLoading,
icon,
}: DialogProps) {
const unsentEmailsLength = formValues.filter(
(s: any) => s.email && s.sendStatus != "SENT"
).length;
return (
<Transition.Root show={open} as={Fragment}>
@ -54,7 +64,9 @@ export function Dialog({ title, open, setOpen, document, formValues, setLoading,
{icon}
</div>
<div className="mt-3 text-center sm:mt-5">
<DialogComponent.Title as="h3" className="text-lg font-medium leading-6 text-gray-900">
<DialogComponent.Title
as="h3"
className="text-lg font-medium leading-6 text-gray-900">
{title}
</DialogComponent.Title>
<div className="mt-2">

4
packages/ui/components/selectBox/SelectBox.tsx
View File

@ -13,7 +13,9 @@ export function SelectBox(props: any) {
}}>
{({ open }) => (
<>
<Listbox.Label className="block text-sm font-medium text-gray-700">{props.label}</Listbox.Label>
<Listbox.Label className="block text-sm font-medium text-gray-700">
{props.label}
</Listbox.Label>
<div className="relative mt-1">
<Listbox.Button className="focus:border-neon focus:ring-neon relative w-full cursor-default rounded-md border border-gray-300 bg-white py-2 pl-3 pr-10 text-left shadow-sm focus:outline-none focus:ring-1 sm:text-sm">
<span className="block truncate">{props?.value?.label}</span>