chore: upgrade tailwind
This commit is contained in:
Aman Harwara
@@ -27,7 +27,7 @@ const AlertDialog = ({
|
||||
<Dialog
|
||||
store={dialog}
|
||||
role="alertdialog"
|
||||
className="fixed left-0 top-0 z-modal h-full w-full flex items-center justify-center pointer-events-auto"
|
||||
className="pointer-events-auto fixed left-0 top-0 z-modal flex h-full w-full items-center justify-center"
|
||||
modal={false}
|
||||
portal={true}
|
||||
preventBodyScroll={true}
|
||||
@@ -40,7 +40,7 @@ const AlertDialog = ({
|
||||
/>
|
||||
<div
|
||||
className={classNames(
|
||||
'z-[1] w-[95vw] rounded border border-[--popover-border-color] bg-[--popover-background-color] [backdrop-filter:var(--popover-backdrop-filter)] px-6 py-5 shadow-xl md:w-auto',
|
||||
'z-[1] w-[95vw] rounded border border-[--popover-border-color] bg-[--popover-background-color] px-6 py-5 shadow-xl [backdrop-filter:var(--popover-backdrop-filter)] md:w-auto',
|
||||
!className?.includes('max-w-') && 'max-w-[600px]',
|
||||
className,
|
||||
)}
|
||||
|
||||
@@ -156,7 +156,7 @@ const FilePreviewModal = observer(({ application }: Props) => {
|
||||
onKeyDown={keyDownHandler}
|
||||
ref={focusElementOnMount}
|
||||
>
|
||||
<div className="min-h-6 hidden flex-shrink-0 flex-wrap items-center justify-between gap-2 border-0 border-b border-solid border-border px-4 py-3 focus:shadow-none md:flex">
|
||||
<div className="hidden min-h-6 flex-shrink-0 flex-wrap items-center justify-between gap-2 border-0 border-b border-solid border-border px-4 py-3 focus:shadow-none md:flex">
|
||||
<div className="flex items-center">
|
||||
<div className="h-6 w-6">{IconComponent}</div>
|
||||
{isRenaming ? (
|
||||
|
||||
@@ -50,7 +50,7 @@ const LinkedItemsPanel = ({ item }: { item: DecryptedItem }) => {
|
||||
<div>
|
||||
<form
|
||||
className={classNames(
|
||||
'sticky top-0 z-10 bg-default md:translucent-ui:bg-transparent px-2.5 pt-2.5',
|
||||
'sticky top-0 z-10 bg-default px-2.5 pt-2.5 md:translucent-ui:bg-transparent',
|
||||
linkedResults.length || unlinkedItems.length || notesLinkingToItem.length
|
||||
? 'border-b border-border pb-2.5'
|
||||
: 'pb-1',
|
||||
|
||||
@@ -27,7 +27,7 @@ const MultipleSelectedFiles = ({ itemListController }: Props) => {
|
||||
<div className="flex min-h-full w-full max-w-md flex-grow flex-col items-center justify-center">
|
||||
<IlNotesIcon className="block" />
|
||||
<h2 className="m-0 mt-4 text-center text-lg font-bold">{count} selected files</h2>
|
||||
<p className="max-w-60 mt-2 text-center text-sm">Actions will be performed on all selected files.</p>
|
||||
<p className="mt-2 max-w-60 text-center text-sm">Actions will be performed on all selected files.</p>
|
||||
<Button className="mt-2.5" onClick={cancelMultipleSelection}>
|
||||
Cancel multiple selection
|
||||
</Button>
|
||||
|
||||
@@ -36,7 +36,7 @@ const MultipleSelectedNotes = ({ application }: Props) => {
|
||||
<div className="flex min-h-full w-full max-w-md flex-grow flex-col items-center justify-center md:min-h-0">
|
||||
<IlNotesIcon className="block" />
|
||||
<h2 className="m-0 mt-4 text-center text-lg font-bold">{count} selected notes</h2>
|
||||
<p className="max-w-60 mt-2 text-center text-sm">Actions will be performed on all selected notes.</p>
|
||||
<p className="mt-2 max-w-60 text-center text-sm">Actions will be performed on all selected notes.</p>
|
||||
<Button className="mt-2.5" onClick={cancelMultipleSelection}>
|
||||
Cancel multiple selection
|
||||
</Button>
|
||||
|
||||
@@ -96,7 +96,7 @@ const EditSmartViewModal = ({ controller, platform }: Props) => {
|
||||
<div className="flex items-center gap-2.5">
|
||||
<div className="text-sm font-semibold">Title:</div>
|
||||
<input
|
||||
className="rounded border border-border bg-default md:translucent-ui:bg-transparent px-2 py-1"
|
||||
className="rounded border border-border bg-default px-2 py-1 md:translucent-ui:bg-transparent"
|
||||
value={title}
|
||||
onChange={(event) => {
|
||||
setTitle(event.target.value)
|
||||
|
||||
@@ -8,7 +8,7 @@ type Props = {
|
||||
}
|
||||
|
||||
const EncryptionStatusItem: FunctionComponent<Props> = ({ icon, status, checkmark = true }) => (
|
||||
<div className="text-input min-h-8 no-border my-1 flex w-full flex-row items-center rounded bg-contrast px-3 py-1.5 focus-within:ring-info">
|
||||
<div className="text-input no-border my-1 flex min-h-8 w-full flex-row items-center rounded bg-contrast px-3 py-1.5 focus-within:ring-info">
|
||||
{icon}
|
||||
<div className="min-h-1 min-w-3" />
|
||||
<div className="flex-grow text-sm text-text">{status}</div>
|
||||
|
||||
@@ -36,7 +36,7 @@ export const LinkButton: FunctionComponent<{
|
||||
<a
|
||||
target="_blank"
|
||||
className={classNames(
|
||||
'block bg-normal-button text-text rounded border-solid border px-4 py-1.5 font-bold text-base lg:text-sm w-fit focus:bg-contrast hover:bg-contrast border-border',
|
||||
'block w-fit rounded border border-solid border-border bg-normal-button px-4 py-1.5 text-base font-bold text-text hover:bg-contrast focus:bg-contrast lg:text-sm',
|
||||
className,
|
||||
)}
|
||||
href={link}
|
||||
|
||||
@@ -50,7 +50,7 @@ const PreferencesViewWrapper: FunctionComponent<PreferencesViewWrapperProps> = (
|
||||
animate="mobile"
|
||||
animationVariant="horizontal"
|
||||
close={application.preferencesController.closePreferences}
|
||||
className="md:!border-0 md:h-full md:!max-h-full md:!w-full"
|
||||
className="md:h-full md:!max-h-full md:!w-full md:!border-0"
|
||||
>
|
||||
<PreferencesView
|
||||
closePreferences={application.preferencesController.closePreferences}
|
||||
|
||||
@@ -42,7 +42,7 @@ const HistoryModalFooter = ({ dismissModal, noteHistoryController, readonly = fa
|
||||
}, [deleteRemoteRevision, selectedEntry])
|
||||
|
||||
return (
|
||||
<div className="min-h-6 flex flex-shrink-0 flex-wrap items-center gap-2.5 border-t border-solid border-border px-2.5 py-2 md:justify-between">
|
||||
<div className="flex min-h-6 flex-shrink-0 flex-wrap items-center gap-2.5 border-t border-solid border-border px-2.5 py-2 md:justify-between">
|
||||
<Button className="py-1.35" label="Close" onClick={dismissModal} />
|
||||
{selectedRevision && selectedEntry && !readonly && (
|
||||
<>
|
||||
|
||||
@@ -147,7 +147,7 @@ const AddSmartViewModal = ({ controller, platform }: Props) => {
|
||||
<div className="flex items-center gap-2.5">
|
||||
<div className="text-sm font-semibold">Title:</div>
|
||||
<input
|
||||
className="rounded border border-border bg-default md:translucent-ui:bg-transparent px-2 py-1"
|
||||
className="rounded border border-border bg-default px-2 py-1 md:translucent-ui:bg-transparent"
|
||||
value={title}
|
||||
onChange={(event) => {
|
||||
setTitle(event.target.value)
|
||||
|
||||
@@ -20,7 +20,7 @@ const Tab = ({ id, className, children, ...props }: Props) => {
|
||||
aria-selected={isActive}
|
||||
aria-controls={`tab-panel-${id}`}
|
||||
className={classNames(
|
||||
'relative cursor-pointer border-0 bg-default md:translucent-ui:bg-transparent px-3 py-2.5 text-sm focus:shadow-inner',
|
||||
'relative cursor-pointer border-0 bg-default px-3 py-2.5 text-sm focus:shadow-inner md:translucent-ui:bg-transparent',
|
||||
isActive ? 'font-medium text-info' : 'text-text',
|
||||
isActive && 'after:absolute after:bottom-0 after:left-0 after:h-[2px] after:w-full after:bg-info',
|
||||
className,
|
||||
|
||||
Reference in New Issue
Block a user