@@ -71,13 +71,19 @@ type SidebarItem = {
71
71
</div>
72
72
</div>
73
73
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>
78
84
</div>
79
85
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">
81
87
<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">
82
88
<div class="flex h-full">
83
89
<div class="flex flex-column h-full flex-shrink-0">
@@ -134,7 +140,7 @@ type SidebarItem = {
134
140
135
141
<p-confirmDialog appendTo="body"></p-confirmDialog>
136
142
<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>
138
144
` ,
139
145
styles : [
140
146
`
@@ -148,6 +154,11 @@ type SidebarItem = {
148
154
}
149
155
}
150
156
157
+ .knowledge-logo {
158
+ height: 8rem;
159
+ filter: drop-shadow(0 0 1px var(--primary-color));
160
+ }
161
+
151
162
.title-bar {
152
163
-webkit-user-select: none;
153
164
-webkit-app-region: drag;
@@ -322,7 +333,7 @@ export class AppComponent implements OnInit {
322
333
themes . setLocal ( ) . then ( ( _ : any ) => {
323
334
setTimeout ( ( ) => {
324
335
this . readyToShow = true ;
325
- } , Math . floor ( Math . random ( ) * 1000 ) ) ;
336
+ } , Math . floor ( Math . random ( ) * 1500 ) ) ;
326
337
} ) ;
327
338
}
328
339
0 commit comments