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

fix: encryption section styles (#976)

Browse Source
This commit is contained in:
Aman Harwara
2022-04-14 18:49:41 +05:30
committed by GitHub
parent c2edeb47e1
commit ec8b307235
2 changed files with 7 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
app/assets/javascripts/Components/Preferences/Panes/Security/Encryption.tsx
View File

@@ -16,7 +16,7 @@ const EncryptionStatusItem: FunctionComponent<{
icon: ComponentChild icon: ComponentChild
status: string status: string
}> = ({ icon, status }) => ( }> = ({ icon, status }) => (
<div className="w-full rounded py-1.5 px-3 text-input my-1 h-8 flex flex-row items-center bg-contrast no-border focus-within:ring-info"> <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">
{icon} {icon}
<div className="min-w-3 min-h-1" /> <div className="min-w-3 min-h-1" />
<div className="flex-grow color-text text-sm">{status}</div> <div className="flex-grow color-text text-sm">{status}</div>
@@ -38,12 +38,12 @@ const EncryptionEnabled: FunctionComponent<{ appState: AppState }> = observer(({
const trashIcon = <Icon type="trash" className="min-w-5 min-h-5" /> const trashIcon = <Icon type="trash" className="min-w-5 min-h-5" />
return ( return (
<> <>
<div className="flex flex-row pb-1 pt-1.5"> <div className="flex flex-row items-start pb-1 pt-1.5">
<EncryptionStatusItem status={notes} icon={[noteIcon]} /> <EncryptionStatusItem status={notes} icon={[noteIcon]} />
<div className="min-w-3" /> <div className="min-w-3" />
<EncryptionStatusItem status={tags} icon={[tagIcon]} /> <EncryptionStatusItem status={tags} icon={[tagIcon]} />
</div> </div>
<div className="flex flex-row"> <div className="flex flex-row items-start">
<EncryptionStatusItem status={archived} icon={[archiveIcon]} /> <EncryptionStatusItem status={archived} icon={[archiveIcon]} />
<div className="min-w-3" /> <div className="min-w-3" />
<EncryptionStatusItem status={deleted} icon={[trashIcon]} /> <EncryptionStatusItem status={deleted} icon={[trashIcon]} />

4
app/assets/stylesheets/_sn.scss
View File

@@ -465,6 +465,10 @@
min-height: 1.5rem; min-height: 1.5rem;
} }
.min-h-8 {
min-height: 2rem;
}
.min-h-16 { .min-h-16 {
min-height: 4rem; min-height: 4rem;
} }