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

fix: Last sync date padding (#768)

Browse Source
This commit is contained in:
Aman Harwara
2021-12-10 19:06:35 +05:30
committed by GitHub
parent 24c6b831c6
commit b29dc8ecc6
2 changed files with 15 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
app/assets/javascripts/components/AccountMenu/GeneralAccountMenu.tsx
View File

@@ -70,16 +70,19 @@ export const GeneralAccountMenu: FunctionComponent<Props> = observer(
<div className="my-0.5 font-bold">{user.email}</div> <div className="my-0.5 font-bold">{user.email}</div>
<span className="color-neutral">{application.getHost()}</span> <span className="color-neutral">{application.getHost()}</span>
</div> </div>
<div className="flex items-center justify-between px-3 mb-2"> <div className="flex items-start justify-between px-3 mb-2">
{isSyncingInProgress ? ( {isSyncingInProgress ? (
<div className="flex items-center color-info font-semibold"> <div className="flex items-center color-info font-semibold">
<div className="sk-spinner w-5 h-5 mr-2 spinner-info"></div> <div className="sk-spinner w-5 h-5 mr-2 spinner-info"></div>
Syncing... Syncing...
</div> </div>
) : ( ) : (
<div className="flex items-center success font-semibold"> <div className="flex items-start">
<Icon type="check-circle" className="mr-2" /> <Icon type="check-circle" className="mr-2 success" />
Last synced: {lastSyncDate} <div>
<div class="font-semibold success">Last synced:</div>
<div class="color-text">{lastSyncDate}</div>
</div>
</div> </div>
)} )}
<div <div

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

@@ -256,6 +256,10 @@
margin-right: 0.75rem; margin-right: 0.75rem;
} }
.mr-4 {
margin-right: 1rem;
}
.mr-12 { .mr-12 {
margin-right: 3rem; margin-right: 3rem;
} }
@@ -283,6 +287,10 @@
margin-bottom: 0.5rem; margin-bottom: 0.5rem;
} }
.max-w-1\/2 {
max-width: 50%;
}
.max-w-3\/4 { .max-w-3\/4 {
max-width: 75%; max-width: 75%;
} }