tsai
/
squidex
mirror of https://github.com/Squidex/squidex.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity
Browse Source

Fix loader image.

pull/743/head
Sebastian 4 years ago
parent
9c1e8ee51a
commit
dd5acdd6f3
9 changed files with 20 additions and 5 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. BIN
      backend/src/Squidex/wwwroot/images/loader-white.gif
  2. BIN
      backend/src/Squidex/wwwroot/images/loader.gif
  3. 6
      backend/src/Squidex/wwwroot/images/loader.svg
  4. 6
      backend/src/Squidex/wwwroot/images/logo-white.svg
  5. 2
      frontend/app/app.component.html
  6. 2
      frontend/app/index.html
  7. 2
      frontend/app/shell/pages/home/home-page.component.html
  8. 2
      frontend/app/shell/pages/internal/logo.component.html
  9. 5
      frontend/app/shell/pages/internal/logo.component.scss

BIN
backend/src/Squidex/wwwroot/images/loader-white.gif
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 33 KiB

BIN
backend/src/Squidex/wwwroot/images/loader.gif
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 26 KiB

6
backend/src/Squidex/wwwroot/images/loader.svg
View File

@ -0,0 +1,6 @@
<?xml version="1.0" encoding="utf-8"?>
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" style="margin: auto; background: none; display: block; shape-rendering: auto;" width="50px" height="50px" viewBox="0 0 100 100" preserveAspectRatio="xMidYMid">
<circle cx="50" cy="50" fill="none" stroke="#3389ff" stroke-width="12" r="35" stroke-dasharray="164.93361431346415 56.97787143782138">
<animateTransform attributeName="transform" type="rotate" repeatCount="indefinite" dur="1s" values="0 50 50;360 50 50" keyTimes="0;1"></animateTransform>
</circle>
<!-- [ldio] generated by https://loading.io/ --></svg>
Side by Side

After

Width:  |  Height:  |  Size: 637 B

6
backend/src/Squidex/wwwroot/images/logo-white.svg
View File

@ -0,0 +1,6 @@
<?xml version="1.0" encoding="utf-8"?>
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" style="margin: auto; background: none; display: block; shape-rendering: auto;" width="50px" height="50px" viewBox="0 0 100 100" preserveAspectRatio="xMidYMid">
<circle cx="50" cy="50" fill="none" stroke="#ffffff" stroke-width="12" r="35" stroke-dasharray="164.93361431346415 56.97787143782138">
<animateTransform attributeName="transform" type="rotate" repeatCount="indefinite" dur="1s" values="0 50 50;360 50 50" keyTimes="0;1"></animateTransform>
</circle>
<!-- [ldio] generated by https://loading.io/ --></svg>
Side by Side

After

Width:  |  Height:  |  Size: 637 B

2
frontend/app/app.component.html
View File

@ -3,7 +3,7 @@
<sqx-dialog-renderer> <sqx-dialog-renderer>
<router-outlet (activate)="isLoaded = true"> <router-outlet (activate)="isLoaded = true">
<div class="loading" *ngIf="!isLoaded"> <div class="loading" *ngIf="!isLoaded">
<img alt="Loading" src="./images/loader.gif"> <img alt="Loading" src="./images/loader.svg">
<div>{{ 'common.loading' | sqxTranslate }}</div> <div>{{ 'common.loading' | sqxTranslate }}</div>
</div> </div>

2
frontend/app/index.html
View File

@ -50,7 +50,7 @@
<body> <body>
<sqx-app> <sqx-app>
<div class="loading"> <div class="loading">
<img src="./images/loader.gif"> <img src="./images/loader.svg">
<div>Loading Squidex</div> <div>Loading Squidex</div>
</div> </div>

2
frontend/app/shell/pages/home/home-page.component.html
View File

@ -1,7 +1,7 @@
<div class="login-area"> <div class="login-area">
<div class="card"> <div class="card">
<div class="card-body text-center"> <div class="card-body text-center">
<img alt="Logo" class="login-icon login-element" src="./images/logo.png"> <img alt="Logo" class="login-icon login-element" src="./images/logo.svg">
<div> <div>
<button type="button" class="btn btn-success btn-lg login-button login-element" (click)="login()"> <button type="button" class="btn btn-success btn-lg login-button login-element" (click)="login()">

2
frontend/app/shell/pages/internal/logo.component.html
View File

@ -1,3 +1,3 @@
<img [class.hidden]="!isLoading" class="loader" src="./images/loader-white.gif" /> <img [class.hidden]="!isLoading" class="loader" src="./images/loader-white.svg" />
<i [class.hidden]="isLoading" class="icon-logo"></i> <i [class.hidden]="isLoading" class="icon-logo"></i>

5
frontend/app/shell/pages/internal/logo.component.scss
View File

@ -1,3 +1,6 @@
.loader { .loader {
@include absolute(12px, null, null, 20px); @include absolute(50%, null, null, 50%);
margin-left: -14px;
margin-top: -14px;
width: 28px;
} }
Write Preview
Loading…
Cancel
Save