@@ -71,13 +71,19 @@ type SidebarItem = {
7171 </div>
7272 </div>
7373
74- <div *ngIf="!readyToShow" class="w-full h-full surface-a flex-col-center-center">
75- <p-image src="assets/img/kc-logo-transparent.svg" class="w-5"></p-image>
76- <p-progressBar mode="indeterminate" class="w-3"></p-progressBar>
77- Getting things ready...
74+ <div *ngIf="!readyToShow" class="w-full h-full surface-a flex-col-center-center gap-4" style="max-height: calc(100vh - 32px)">
75+ <div>
76+ <img src="assets/img/kc-icon-greyscale.png"
77+ alt="Knowledge Logo"
78+ class="pulsate-fwd knowledge-logo">
79+ </div>
80+ <div style="width: 100%; max-width: 12rem;">
81+ <p-progressBar mode="indeterminate" class="w-full" [style]="{'height': '0.5rem'}"></p-progressBar>
82+ Getting things ready...
83+ </div>
7884 </div>
7985
80- <div [hidden]="! readyToShow" class="flex relative lg:static" style="height: calc(100vh - 32px); max-width: 100vw">
86+ <div *ngIf=" readyToShow" class="flex relative lg:static" style="height: calc(100vh - 32px); max-width: 100vw">
8187 <div id="app-sidebar" class="h-full md:h-auto md:block flex-shrink-0 absolute md:static left-0 top-0 z-1 border-right-1 surface-0 border-primary w-auto">
8288 <div class="flex h-full">
8389 <div class="flex flex-column h-full flex-shrink-0">
@@ -134,7 +140,7 @@ type SidebarItem = {
134140
135141 <p-confirmDialog appendTo="body"></p-confirmDialog>
136142 <p-messages key="app-banner"></p-messages>
137- <p-toast key="app-toast"></p-toast>
143+ <p-toast [preventOpenDuplicates]="true" position="bottom-right" key="app-toast"></p-toast>
138144 ` ,
139145 styles : [
140146 `
@@ -148,6 +154,11 @@ type SidebarItem = {
148154 }
149155 }
150156
157+ .knowledge-logo {
158+ height: 8rem;
159+ filter: drop-shadow(0 0 1px var(--primary-color));
160+ }
161+
151162 .title-bar {
152163 -webkit-user-select: none;
153164 -webkit-app-region: drag;
@@ -322,7 +333,7 @@ export class AppComponent implements OnInit {
322333 themes . setLocal ( ) . then ( ( _ : any ) => {
323334 setTimeout ( ( ) => {
324335 this . readyToShow = true ;
325- } , Math . floor ( Math . random ( ) * 1000 ) ) ;
336+ } , Math . floor ( Math . random ( ) * 1500 ) ) ;
326337 } ) ;
327338 }
328339
0 commit comments