Adding a "powered by WorkAdventure" logo in case custom logos are used

If a custom logo is used, we are adding a "powered by WorkAdventure" small logo at the bottom of the "enter your name" screen.
This commit is contained in:
David Négrier 2022-03-17 11:00:55 +01:00
parent a16f2c7534
commit ea3088a876

View File

@ -3,6 +3,7 @@
import { LoginScene, LoginSceneName } from "../../Phaser/Login/LoginScene"; import { LoginScene, LoginSceneName } from "../../Phaser/Login/LoginScene";
import { DISPLAY_TERMS_OF_USE, MAX_USERNAME_LENGTH } from "../../Enum/EnvironmentVariable"; import { DISPLAY_TERMS_OF_USE, MAX_USERNAME_LENGTH } from "../../Enum/EnvironmentVariable";
import logoImg from "../images/logo.png"; import logoImg from "../images/logo.png";
import poweredByWorkAdventureImg from "../images/Powered_By_WorkAdventure_Big.png";
import { gameManager } from "../../Phaser/Game/GameManager"; import { gameManager } from "../../Phaser/Game/GameManager";
import LL from "../../i18n/i18n-svelte"; import LL from "../../i18n/i18n-svelte";
@ -62,6 +63,11 @@
<section class="action"> <section class="action">
<button type="submit" class="nes-btn is-primary loginSceneFormSubmit">{$LL.login.continue()}</button> <button type="submit" class="nes-btn is-primary loginSceneFormSubmit">{$LL.login.continue()}</button>
</section> </section>
{#if logo !== logoImg}
<section class="text-center powered-by">
<img src={poweredByWorkAdventureImg} alt="Powered by WorkAdventure" />
</section>
{/if}
</form> </form>
<style lang="scss"> <style lang="scss">
@ -134,6 +140,11 @@
width: 100%; width: 100%;
margin: 20px 0; margin: 20px 0;
} }
&.powered-by {
position: fixed;
bottom: 0;
}
} }
} }
</style> </style>