rmorawski/standardnotes-app-web
1
0
Fork 0
Code Issues Pull Requests Actions 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

8
packages/web/src/javascripts/Components/Preferences/Panes/Security/EncryptionEnabled.tsx
View File

@@ -16,10 +16,10 @@ const EncryptionEnabled: FunctionComponent<Props> = ({ viewControllerManager })
const archived = formatCount(count.archived, 'archived notes')
const deleted = formatCount(count.deleted, 'trashed notes')
const noteIcon = <Icon type="rich-text" className="min-w-5 min-h-5" />
const tagIcon = <Icon type="hashtag" className="min-w-5 min-h-5" />
const archiveIcon = <Icon type="archive" className="min-w-5 min-h-5" />
const trashIcon = <Icon type="trash" className="min-w-5 min-h-5" />
const noteIcon = <Icon type="rich-text" className="min-h-5 min-w-5" />
const tagIcon = <Icon type="hashtag" className="min-h-5 min-w-5" />
const archiveIcon = <Icon type="archive" className="min-h-5 min-w-5" />
const trashIcon = <Icon type="trash" className="min-h-5 min-w-5" />
return (
<>
<div className="flex flex-row items-start pb-1 pt-1.5">

10
packages/web/src/javascripts/Components/Preferences/Panes/Security/EncryptionStatusItem.tsx
View File

@@ -8,12 +8,12 @@ type Props = {
}
const EncryptionStatusItem: FunctionComponent<Props> = ({ icon, status, checkmark = true }) => (
<div className="w-full rounded py-1.5 px-3 text-input my-1 min-h-8 flex flex-row items-center bg-contrast no-border focus-within:ring-info">
<div className="text-input min-h-8 no-border my-1 flex w-full flex-row items-center rounded bg-contrast py-1.5 px-3 focus-within:ring-info">
{icon}
<div className="min-w-3 min-h-1" />
<div className="flex-grow text-text text-sm">{status}</div>
<div className="min-w-3 min-h-1" />
{checkmark && <Icon className="text-success min-w-4 min-h-4" type="check-bold" />}
<div className="min-h-1 min-w-3" />
<div className="flex-grow text-sm text-text">{status}</div>
<div className="min-h-1 min-w-3" />
{checkmark && <Icon className="min-h-4 min-w-4 text-success" type="check-bold" />}
</div>
)

10
packages/web/src/javascripts/Components/Preferences/Panes/Security/ErroredItems.tsx
View File

@@ -70,14 +70,14 @@ const ErroredItems: FunctionComponent<Props> = ({ viewControllerManager }: Props
<Text>{`${erroredItems.length} items are errored and could not be decrypted.`}</Text>
<div className="flex">
<Button
className="min-w-20 mt-3 mr-2"
className="mt-3 mr-2 min-w-20"
label="Export all"
onClick={() => {
void app.getArchiveService().downloadEncryptedItems(erroredItems)
}}
/>
<Button
className="min-w-20 mt-3 mr-2"
className="mt-3 mr-2 min-w-20"
colorStyle="danger"
label="Delete all"
onClick={() => {
@@ -99,21 +99,21 @@ const ErroredItems: FunctionComponent<Props> = ({ viewControllerManager }: Props
</Text>
<div className="flex">
<Button
className="min-w-20 mt-3 mr-2"
className="mt-3 mr-2 min-w-20"
label="Attempt decryption"
onClick={() => {
attemptDecryption(item)
}}
/>
<Button
className="min-w-20 mt-3 mr-2"
className="mt-3 mr-2 min-w-20"
label="Export"
onClick={() => {
void app.getArchiveService().downloadEncryptedItem(item)
}}
/>
<Button
className="min-w-20 mt-3 mr-2"
className="mt-3 mr-2 min-w-20"
colorStyle="danger"
label="Delete"
onClick={() => {

6
packages/web/src/javascripts/Components/Preferences/Panes/Security/PasscodeLock.tsx
View File

@@ -219,7 +219,7 @@ const PasscodeLock = ({ application, viewControllerManager }: Props) => {
{hasPasscode && !showPasscodeForm && (
<>
<Text>Passcode lock is enabled.</Text>
<div className="flex flex-row mt-3">
<div className="mt-3 flex flex-row">
<Button label="Change Passcode" onClick={changePasscodePressed} className="mr-3" />
<Button colorStyle="danger" label="Remove Passcode" onClick={removePasscodePressed} />
</div>
@@ -240,8 +240,8 @@ const PasscodeLock = ({ application, viewControllerManager }: Props) => {
return (
<a
key={option.value}
className={`mr-3 rounded text-info cursor-pointer ${
option.value === selectedAutoLockInterval ? 'bg-info text-info-contrast px-1.5 py-0.5' : ''
className={`mr-3 cursor-pointer rounded text-info ${
option.value === selectedAutoLockInterval ? 'bg-info px-1.5 py-0.5 text-info-contrast' : ''
}`}
onClick={() => selectAutoLockInterval(option.value)}
>

4
packages/web/src/javascripts/Components/Preferences/Panes/Security/Privacy.tsx
View File

@@ -106,7 +106,7 @@ const Privacy: FunctionComponent<Props> = ({ application }: Props) => {
</Text>
</div>
{isLoading ? (
<Spinner className="flex-shrink-0 ml-2" />
<Spinner className="ml-2 flex-shrink-0" />
) : (
<Switch
onChange={toggleMuteSignInEmails}
@@ -125,7 +125,7 @@ const Privacy: FunctionComponent<Props> = ({ application }: Props) => {
</Text>
</div>
{isLoading ? (
<Spinner className="flex-shrink-0 ml-2" />
<Spinner className="ml-2 flex-shrink-0" />
) : (
<Switch
onChange={toggleSessionLogging}