Update Melior Image (#15116)

* add melior.svg

* update melior on header (app & static), footer, and loading

* update loading screen

* update static screens, fix double meliors

* update melior + wordmark size and adjust static page menu spacing

* update package.json

* update index.html, forgot password page, and the static header

* various updates

* static header update

* update mobile web view

* update login page menu bar

* updated purple logo

* removed extraneous class

* update bottom padding on login page(s)

* fix(lint): remove unneeded rule escape

---------

Co-authored-by: Sabe Jones <sabe@habitica.com>
Co-authored-by: Sabe Jones <sabrecat@gmail.com>
This commit is contained in:
Natalie
2024-02-15 15:48:42 -05:00
committed by GitHub
parent 1a3c2f64e4
commit 1842480088
10 changed files with 77 additions and 54 deletions
@@ -9,12 +9,9 @@
@submit.prevent.stop="handleSubmit"
>
<div class="text-center">
<div>
<div class="svg-icon gryphon"></div>
</div>
<div>
<div
class="svg-icon habitica-logo"
class="svg-icon svg habitica-logo"
v-html="icons.habiticaIcon"
></div>
</div>
@@ -274,12 +271,9 @@
@keyup.enter="handleSubmit"
>
<div class="text-center">
<div>
<div class="svg-icon gryphon"></div>
</div>
<div>
<div
class="svg-icon habitica-logo"
class="svg-icon habitica-logo color"
v-html="icons.habiticaIcon"
></div>
</div>
@@ -432,18 +426,18 @@
}
.gryphon {
background-image: url('~@/assets/images/melior@3x.png');
width: 63.2px;
height: 69.4px;
background-size: cover;
color: $white;
height: 69.4px;
margin: 0 auto;
width: 63.2px;
}
.habitica-logo {
width: 144px;
height: 31px;
margin: 2em auto;
width: 175px;
height: 64px;
margin: 2em auto 0;
z-index: 0;
}
label {
@@ -620,7 +614,7 @@ import { buildAppleAuthUrl } from '../../libs/auth';
import exclamation from '@/assets/svg/exclamation.svg';
import gryphon from '@/assets/svg/gryphon.svg';
import habiticaIcon from '@/assets/svg/habitica-logo.svg';
import habiticaIcon from '@/assets/svg/logo-horizontal.svg';
import googleIcon from '@/assets/svg/google.svg';
import appleIcon from '@/assets/svg/apple_black.svg';