chore: lint

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

View File

@@ -83,7 +83,7 @@ export const BlocksEditor: FunctionComponent<BlocksEditorProps> = ({
spellCheck={spellcheck}
onScroll={onScroll}
/>
<div className="search-highlight-container pointer-events-none absolute top-0 left-0 h-full w-full" />
<div className="search-highlight-container pointer-events-none absolute left-0 top-0 h-full w-full" />
</div>
</div>
}

View File

@@ -88,7 +88,7 @@ const CodeOptionsPlugin = () => {
return (
<>
<div className="absolute top-2 right-6 rounded border border-border bg-default p-2">
<div className="absolute right-6 top-2 rounded border border-border bg-default p-2">
<Dropdown
label="Change code block language"
items={CODE_LANGUAGE_OPTIONS.map(([value, label]) => ({

View File

@@ -154,7 +154,7 @@ function FloatingLinkEditor({
return (
<div
ref={editorRef}
className="absolute top-0 left-0 max-w-[100vw] rounded-lg border border-border bg-default py-1 px-2 shadow shadow-contrast md:hidden"
className="absolute left-0 top-0 max-w-[100vw] rounded-lg border border-border bg-default px-2 py-1 shadow shadow-contrast md:hidden"
>
<LinkEditor
linkUrl={linkUrl}

View File

@@ -277,7 +277,7 @@ function TextFormatFloatingToolbar({
return (
<div
ref={toolbarRef}
className="absolute top-0 left-0 rounded-lg border border-border bg-default py-1 px-2 shadow shadow-contrast"
className="absolute left-0 top-0 rounded-lg border border-border bg-default px-2 py-1 shadow shadow-contrast"
>
{isLink && (
<LinkEditor
@@ -289,7 +289,7 @@ function TextFormatFloatingToolbar({
lastSelection={lastSelection}
/>
)}
{isText && isLink && <div role="presentation" className="mt-0.5 mb-1.5 h-px bg-border" />}
{isText && isLink && <div role="presentation" className="mb-1.5 mt-0.5 h-px bg-border" />}
{isText && (
<div className="flex gap-1">
<ToolbarButton

View File

@@ -217,7 +217,7 @@ const MobileToolbarPlugin = () => {
{items.map((item) => {
return (
<button
className="flex items-center justify-center rounded py-3 px-3"
className="flex items-center justify-center rounded px-3 py-3"
aria-label={item.name}
onClick={item.onSelect}
key={item.name}
@@ -228,7 +228,7 @@ const MobileToolbarPlugin = () => {
})}
</div>
<button
className="flex flex-shrink-0 items-center justify-center rounded border-l border-border py-3 px-3"
className="flex flex-shrink-0 items-center justify-center rounded border-l border-border px-3 py-3"
aria-label="Dismiss keyboard"
>
<Icon type="keyboard-close" size="medium" />

View File

@@ -70,7 +70,7 @@ export const SearchDialog = ({ open, closeDialog }: { open: boolean; closeDialog
)}
</button>
<div
className="flex flex-col gap-2 py-2 px-2"
className="flex flex-col gap-2 px-2 py-2"
onKeyDown={(event) => {
if (event.key === KeyboardKey.Escape) {
closeDialog()
@@ -118,14 +118,14 @@ export const SearchDialog = ({ open, closeDialog }: { open: boolean; closeDialog
/>
<label
className={classNames(
'relative flex items-center rounded border py-1 px-1.5 focus-within:ring-2 focus-within:ring-info focus-within:ring-offset-2 focus-within:ring-offset-default',
'relative flex items-center rounded border px-1.5 py-1 focus-within:ring-2 focus-within:ring-info focus-within:ring-offset-2 focus-within:ring-offset-default',
isCaseSensitive ? 'border-info bg-info text-info-contrast' : 'border-border hover:bg-contrast',
)}
title={`Case sensitive (${caseSensitivityShortcut})`}
>
<input
type="checkbox"
className="absolute top-0 left-0 z-[1] m-0 h-full w-full cursor-pointer border border-transparent p-0 opacity-0 shadow-none outline-none"
className="absolute left-0 top-0 z-[1] m-0 h-full w-full cursor-pointer border border-transparent p-0 opacity-0 shadow-none outline-none"
checked={isCaseSensitive}
onChange={() => {
dispatch({