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

style: tailwind classname sorting (#1169)

Browse Source
This commit is contained in:
Aman Harwara
2022-06-28 13:37:38 +05:30
committed by GitHub
parent 15ca2d358b
commit ee5b6627da
159 changed files with 565 additions and 549 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
packages/web/src/javascripts/Components/Shared/HorizontalSeparator.tsx
View File

@@ -4,7 +4,7 @@ type Props = {
classes?: string
}
const HorizontalSeparator: FunctionComponent<Props> = ({ classes = '' }) => {
return <hr className={`min-h-[1px] w-full bg-border border-none ${classes}`} />
return <hr className={`min-h-[1px] w-full border-none bg-border ${classes}`} />
}
export default HorizontalSeparator

2
packages/web/src/javascripts/Components/Shared/ModalDialog.tsx
View File

@@ -14,7 +14,7 @@ const ModalDialog = ({ children, onDismiss, className }: Props) => {
<AlertDialogOverlay leastDestructiveRef={ldRef} onDismiss={onDismiss}>
<AlertDialogContent
tabIndex={0}
className={`w-160 flex flex-col bg-default border border-solid border-border shadow-main p-0 ${className}`}
className={`flex w-160 flex-col border border-solid border-border bg-default p-0 shadow-main ${className}`}
>
{children}
</AlertDialogContent>

4
packages/web/src/javascripts/Components/Shared/ModalDialogButtons.tsx
View File

@@ -6,8 +6,8 @@ type Props = {
const ModalDialogButtons: FunctionComponent<Props> = ({ children, className }) => (
<>
<hr className="h-[1px] bg-border border-none m-0" />
<div className={`px-4 py-4 flex flex-row items-center ${className}`}>
<hr className="m-0 h-[1px] border-none bg-border" />
<div className={`flex flex-row items-center px-4 py-4 ${className}`}>
{children != undefined && Array.isArray(children)
? children.map((child, idx, arr) => (
<>

10
packages/web/src/javascripts/Components/Shared/ModalDialogLabel.tsx
View File

@@ -9,18 +9,18 @@ type Props = {
const ModalDialogLabel: FunctionComponent<Props> = ({ children, closeDialog, className, headerButtons }) => (
<AlertDialogLabel
className={`flex-shrink-0 flex justify-between items-center px-4.5 py-3 border-b border-solid border-border bg-contrast text-text ${className}`}
className={`flex flex-shrink-0 items-center justify-between border-b border-solid border-border bg-contrast px-4.5 py-3 text-text ${className}`}
>
<div className="w-full flex flex-row justify-between items-center">
<div className="flex-grow text-text text-base font-medium">{children}</div>
<div className="flex w-full flex-row items-center justify-between">
<div className="flex-grow text-base font-medium text-text">{children}</div>
<div className="flex items-center gap-2">
{headerButtons}
<div tabIndex={0} className="font-bold text-info cursor-pointer" onClick={closeDialog}>
<div tabIndex={0} className="cursor-pointer font-bold text-info" onClick={closeDialog}>
Close
</div>
</div>
</div>
<hr className="h-1px bg-border no-border m-0" />
<hr className="h-1px no-border m-0 bg-border" />
</AlertDialogLabel>
)