chore: lint
This commit is contained in:
@@ -34,7 +34,7 @@ const Calendar: FunctionComponent<Props> = ({ activities, startDate, onDateSelec
|
||||
|
||||
return (
|
||||
<div className={`w-300 ${className} min-h-[210px]`}>
|
||||
<div className="mr-auto ml-auto w-70">
|
||||
<div className="ml-auto mr-auto w-70">
|
||||
<div className="flex w-full flex-wrap">
|
||||
{CalendarDaysOfTheWeek.map((d) => (
|
||||
<div className={'flex h-8 w-[14.2%] items-center justify-center'} key={d}>
|
||||
|
||||
@@ -184,7 +184,7 @@ const InfiniteCalendar = forwardRef<InfiniteCalendarInterface, Props>(
|
||||
<div
|
||||
onClick={toggleVisibility}
|
||||
className={classNames(
|
||||
'text-md flex cursor-pointer items-center justify-center py-2 px-4',
|
||||
'text-md flex cursor-pointer items-center justify-center px-4 py-2',
|
||||
'text-center font-bold hover:bg-contrast',
|
||||
)}
|
||||
>
|
||||
|
||||
@@ -56,7 +56,7 @@ export const DailyItemCell = forwardRef(
|
||||
}`}
|
||||
id={section.id}
|
||||
>
|
||||
<div className="min-w-0 flex-grow border-b border-solid border-border py-4 px-4">
|
||||
<div className="min-w-0 flex-grow border-b border-solid border-border px-4 py-4">
|
||||
<div className="flex items-start overflow-hidden text-base">
|
||||
<DaySquare weekday={section.weekday} hasActivity={item != undefined} day={section.day} />
|
||||
|
||||
|
||||
@@ -9,7 +9,7 @@ const EmptyFilesView = ({ addNewItem }: Props) => {
|
||||
return (
|
||||
<div className="flex h-full w-full flex-col items-center justify-center">
|
||||
<FilesIllustration className="h-32 w-32" />
|
||||
<div className="mt-4 mb-2 text-lg font-bold">You don't have any files yet</div>
|
||||
<div className="mb-2 mt-4 text-lg font-bold">You don't have any files yet</div>
|
||||
<div className="mb-4 max-w-[35ch] text-center text-sm text-passive-0">
|
||||
Files attached to your notes appear here. You can also upload files directly from this page.
|
||||
</div>
|
||||
|
||||
@@ -97,7 +97,7 @@ const FileListItemCard: FunctionComponent<DisplayableListItemProps<FileItem>> =
|
||||
) : (
|
||||
<div className="pr-4" />
|
||||
)}
|
||||
<div className="min-w-0 flex-grow border-b border-solid border-border py-4 px-0">
|
||||
<div className="min-w-0 flex-grow border-b border-solid border-border px-0 py-4">
|
||||
<div className="flex items-start justify-between overflow-hidden text-base font-semibold leading-[1.3]">
|
||||
<div className="break-word mr-2">{file.title}</div>
|
||||
</div>
|
||||
|
||||
@@ -100,9 +100,9 @@ const FileListItemCard: FunctionComponent<DisplayableListItemProps<FileItem>> =
|
||||
) : (
|
||||
<div className="pr-4" />
|
||||
)}
|
||||
<div className="min-w-0 flex-grow py-4 px-0">
|
||||
<div className="min-w-0 flex-grow px-0 py-4">
|
||||
<div className="line-clamp-2 overflow-hidden text-editor font-semibold">
|
||||
<div className="break-word line-clamp-2 mr-2 overflow-hidden">{file.title}</div>
|
||||
<div className="break-word mr-2 line-clamp-2 overflow-hidden">{file.title}</div>
|
||||
</div>
|
||||
<ListItemMetadata item={file} hideDate={hideDate} sortBy={sortBy} />
|
||||
<ListItemTags hideTags={hideTags} tags={tags} />
|
||||
|
||||
@@ -54,7 +54,7 @@ const TabButton: FunctionComponent<{
|
||||
return (
|
||||
<button
|
||||
className={classNames(
|
||||
'relative cursor-pointer rounded-full border-2 border-solid border-transparent py-1 px-2 text-mobile-menu-item focus:shadow-none md:py-0 lg:text-sm',
|
||||
'relative cursor-pointer rounded-full border-2 border-solid border-transparent px-2 py-1 text-mobile-menu-item focus:shadow-none md:py-0 lg:text-sm',
|
||||
isSelected
|
||||
? 'bg-info text-info-contrast'
|
||||
: 'bg-transparent text-text hover:bg-info-backdrop focus:bg-info-backdrop',
|
||||
@@ -305,7 +305,7 @@ const DisplayOptionsMenu: FunctionComponent<DisplayOptionsMenuProps> = ({
|
||||
|
||||
{controlsDisabled && (
|
||||
<NoSubscriptionBanner
|
||||
className="m-2 mt-2 mb-3"
|
||||
className="m-2 mb-3 mt-2"
|
||||
application={application}
|
||||
title="Upgrade for per-tag preferences"
|
||||
message={
|
||||
@@ -441,7 +441,7 @@ const DisplayOptionsMenu: FunctionComponent<DisplayOptionsMenuProps> = ({
|
||||
<div className="flex flex-col pr-5">
|
||||
<div className="flex flex-row items-center">
|
||||
<div className="text-base font-semibold uppercase text-text lg:text-xs">Daily Notebook</div>
|
||||
<Pill className="py-0 px-1.5" style="success">
|
||||
<Pill className="px-1.5 py-0" style="success">
|
||||
Labs
|
||||
</Pill>
|
||||
</div>
|
||||
@@ -463,7 +463,7 @@ const DisplayOptionsMenu: FunctionComponent<DisplayOptionsMenuProps> = ({
|
||||
<div className="flex flex-col pr-5">
|
||||
<div className="flex flex-row items-center">
|
||||
<div className="text-base font-semibold uppercase text-text lg:text-xs">Table view</div>
|
||||
<Pill className="py-0 px-1.5" style="success">
|
||||
<Pill className="px-1.5 py-0" style="success">
|
||||
Labs
|
||||
</Pill>
|
||||
</div>
|
||||
|
||||
@@ -10,7 +10,7 @@ type Props = {
|
||||
const ListItemConflictIndicator: FunctionComponent<Props> = ({ item }) => {
|
||||
return item.conflictOf ? (
|
||||
<div className="mt-0.5 flex flex-wrap items-center">
|
||||
<div className={'mr-1 mt-2 rounded bg-danger py-1 px-1.5 text-danger-contrast'}>
|
||||
<div className={'mr-1 mt-2 rounded bg-danger px-1.5 py-1 text-danger-contrast'}>
|
||||
<div className="text-center text-xs font-bold">Conflicted Copy</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -17,7 +17,7 @@ const ListItemTags: FunctionComponent<Props> = ({ hideTags, tags }) => {
|
||||
<div className="mt-1.5 flex flex-wrap gap-2 overflow-hidden text-sm lg:text-xs">
|
||||
{tags.map((tag) => (
|
||||
<span
|
||||
className="inline-flex items-center rounded-sm bg-passive-4-opacity-variant py-1 px-1.5 text-foreground"
|
||||
className="inline-flex items-center rounded-sm bg-passive-4-opacity-variant px-1.5 py-1 text-foreground"
|
||||
key={tag.uuid}
|
||||
>
|
||||
<Icon type={tag.iconString} className="mr-1 text-passive-1" size="small" />
|
||||
|
||||
@@ -32,7 +32,7 @@ const ListItemVaultInfo: FunctionComponent<Props> = ({ item }) => {
|
||||
<VaultNameBadge vault={vault} />
|
||||
|
||||
{sharedByContact && (
|
||||
<div title="Shared by contact" className={'mt-2 rounded bg-info py-1 px-1.5 text-neutral-contrast'}>
|
||||
<div title="Shared by contact" className={'mt-2 rounded bg-info px-1.5 py-1 text-neutral-contrast'}>
|
||||
<span className="flex items-center" title="Shared by contact">
|
||||
<Icon ariaLabel="Shared by contact" type="archive" className="mr-1 text-info-contrast" size="medium" />
|
||||
<div className="text-center text-xs font-bold">{sharedByContact?.name}</div>
|
||||
|
||||
@@ -142,7 +142,7 @@ const NoteListItem: FunctionComponent<DisplayableListItemProps<SNNote>> = ({
|
||||
) : (
|
||||
<div className="pr-4" />
|
||||
)}
|
||||
<div className={`min-w-0 flex-grow ${hasOffsetBorder && 'border-b border-solid border-border'} py-4 px-0`}>
|
||||
<div className={`min-w-0 flex-grow ${hasOffsetBorder && 'border-b border-solid border-border'} px-0 py-4`}>
|
||||
<ListItemTitle item={item} />
|
||||
<ListItemNotePreviewText item={item} hidePreview={hidePreview} />
|
||||
<ListItemMetadata item={item} hideDate={hideDate} sortBy={sortBy} />
|
||||
|
||||
Reference in New Issue
Block a user