Browse Source

refactor(changelog): clean up skeleton loader implementation and maintain format

pull/4891/head
Fabio Carlos 3 weeks ago
parent
commit
0d0155d48d
  1. 64
      apps/client/src/app/pages/about/changelog/changelog-page.html

64
apps/client/src/app/pages/about/changelog/changelog-page.html

@ -4,39 +4,39 @@
<h1 class="d-none d-sm-block h3 mb-4 text-center" i18n>Changelog</h1>
@if (isLoading) {
<ngx-skeleton-loader
animation="pulse"
[theme]="{
'border-radius': '0.25rem',
height: '1.375rem',
width: '35%'
}"
/>
<ngx-skeleton-loader
animation="pulse"
class="mt-2"
[theme]="{
'border-radius': '0.25rem',
height: '1.375rem',
width: '15%'
}"
/>
<ngx-skeleton-loader
animation="pulse"
class="mt-2"
[theme]="{
'border-radius': '0.25rem',
height: '1.375rem',
width: '65%'
}"
/>
<ngx-skeleton-loader
animation="pulse"
[theme]="{
'border-radius': '0.25rem',
height: '1.375rem',
width: '35%'
}"
/>
<ngx-skeleton-loader
animation="pulse"
class="mt-2"
[theme]="{
'border-radius': '0.25rem',
height: '1.375rem',
width: '15%'
}"
/>
<ngx-skeleton-loader
animation="pulse"
class="mt-2"
[theme]="{
'border-radius': '0.25rem',
height: '1.375rem',
width: '65%'
}"
/>
} @else {
<div class="changelog">
<markdown
(load)="onLoad()"
[src]="'../assets/CHANGELOG.md'"
></markdown>
</div>
<div class="changelog">
<markdown
[src]="'../assets/CHANGELOG.md'"
(load)="onLoad()"
></markdown>
</div>
}
</div>
</div>

Loading…
Cancel
Save