rmorawski/standardnotes-app-web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

chore: lint

Browse Source
This commit is contained in:
Aman Harwara
2023-07-12 23:59:58 +05:30
parent 139e8789a4
commit 3f796b48eb
104 changed files with 169 additions and 169 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
packages/web/src/javascripts/Components/RevisionHistoryModal/HistoryModalContentPane.tsx
View File

@@ -16,12 +16,12 @@ const HistoryModalContentPane = ({ noteHistoryController, note }: Props) => {
switch (contentState) {
case RevisionContentState.Idle:
return (
<div className="absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 select-none text-sm text-passive-0">
<div className="absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 select-none text-sm text-passive-0">
No revision selected
</div>
)
case RevisionContentState.Loading:
return <Spinner className="absolute top-1/2 left-1/2 h-5 w-5 -translate-x-1/2 -translate-y-1/2" />
return <Spinner className="absolute left-1/2 top-1/2 h-5 w-5 -translate-x-1/2 -translate-y-1/2" />
case RevisionContentState.Loaded:
if (!selectedRevision) {
return null

4
packages/web/src/javascripts/Components/RevisionHistoryModal/HistoryModalDialog.tsx
View File

@@ -18,7 +18,7 @@ const HistoryModalDialog = forwardRef(({ children, onDismiss }: Props, ref: Forw
store={dialog}
aria-label="Note revision history"
ref={ref}
className="fixed top-0 left-0 z-modal h-full w-full"
className="fixed left-0 top-0 z-modal h-full w-full"
>
<div
className="absolute z-0 h-full w-full bg-passive-5 opacity-0 md:opacity-75"
@@ -28,7 +28,7 @@ const HistoryModalDialog = forwardRef(({ children, onDismiss }: Props, ref: Forw
<div
className={classNames(
'absolute z-[1] my-0 flex h-full w-full flex-col rounded-md bg-[color:var(--modal-background-color)]',
'p-0 pt-safe-top pb-safe-bottom shadow-lg md:max-h-[90%] md:w-[90%] md:max-w-[90%]',
'p-0 pb-safe-bottom pt-safe-top shadow-lg md:max-h-[90%] md:w-[90%] md:max-w-[90%]',
'md:left-1/2 md:top-1/2 md:-translate-x-1/2 md:-translate-y-1/2 md:transform',
getPlatformString(),
)}

2
packages/web/src/javascripts/Components/RevisionHistoryModal/HistoryModalDialogContent.tsx
View File

@@ -27,7 +27,7 @@ const HistoryModalDialogContent = ({
return (
<>
<MobileModalHeader className="items-center border-b border-border py-1 px-2 md:hidden">
<MobileModalHeader className="items-center border-b border-border px-2 py-1 md:hidden">
<MobileModalAction type="secondary" action={toggleTabMenu} slot="left" ref={tabOptionRef}>
<div className="rounded-full border border-border p-0.5">
<Icon type="more" />

2
packages/web/src/javascripts/Components/RevisionHistoryModal/RemoteHistoryList.tsx
View File

@@ -40,7 +40,7 @@ const RemoteHistoryList: FunctionComponent<RemoteHistoryListProps> = ({
if (group.entries && group.entries.length) {
return (
<Fragment key={group.title}>
<div className="mt-2.5 mb-1 select-none px-3 text-sm font-semibold uppercase text-passive-0">
<div className="mb-1 mt-2.5 select-none px-3 text-sm font-semibold uppercase text-passive-0">
{group.title}
</div>
{group.entries.map((entry) => (

2
packages/web/src/javascripts/Components/RevisionHistoryModal/RevisionContentLocked.tsx
View File

@@ -33,7 +33,7 @@ const RevisionContentLocked: FunctionComponent = () => {
<div className="flex h-full w-full items-center justify-center">
<div className="max-w-40% flex flex-col items-center px-8 text-center">
<HistoryLockedIllustration />
<div className="mt-2 mb-1 text-lg font-bold">Can't access this version</div>
<div className="mb-1 mt-2 text-lg font-bold">Can't access this version</div>
<div className="leading-140% mb-4 text-passive-0">
{getPremiumContentCopy(planName)}. Learn more about our other plans to upgrade your history capacity.
</div>

2
packages/web/src/javascripts/Components/RevisionHistoryModal/SessionHistoryList.tsx
View File

@@ -32,7 +32,7 @@ const SessionHistoryList: FunctionComponent<Props> = ({ noteHistoryController, o
if (group.entries && group.entries.length) {
return (
<Fragment key={group.title}>
<div className="mt-2.5 mb-1 select-none px-3 text-sm font-semibold uppercase text-passive-0">
<div className="mb-1 mt-2.5 select-none px-3 text-sm font-semibold uppercase text-passive-0">
{group.title}
</div>
{group.entries.map((entry, index) => (