krikkert/habitica
1
0
Fork 0
mirror of https://github.com/HabitRPG/habitica.git synced 2025-12-17 06:37:23 +01:00
Code Issues Packages Projects Releases Wiki Activity

Update Melior Image (#15116)

Browse Source 
* 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
Download Patch File Download Diff File Expand all files Collapse all files

31
website/client/src/components/header/menu.vue
View File

@@ -17,10 +17,10 @@
aria-label="Habitica"
>
<div
class="logo svg-icon d-none d-xl-block"
v-html="icons.logo"
class="logo svg-icon svg color gryphon"
v-html="icons.melior"
></div>
<div class="svg-icon gryphon d-xs-block d-xl-none"></div>
<div class="svg-icon"></div>
</b-navbar-brand>
<b-navbar-toggle
class="menu-toggle"
@@ -406,12 +406,18 @@ body.modal-open #habitica-menu {
}
.gryphon {
background-image: url('~@/assets/images/melior@3x.png');
width: 30px;
height: 30px;
background-size: cover;
height: 32px;
color: $white;
margin: 0 auto;
width: 32px;
top: -10px;
position: relative;
}
.logo {
padding-top: 12px;
color: $white;
}
.topbar-item {
@@ -462,7 +468,7 @@ body.modal-open #habitica-menu {
.gryphon {
position: absolute;
left: calc(50% - 30px);
top: 10px;
top: -2px;
}
#menu_collapse {
@@ -553,9 +559,10 @@ body.modal-open #habitica-menu {
}
.logo {
padding-left: 10px;
width: 128px;
height: 28px;
color: $white;
height: 32px;
object-fit: contain;
width: 32px;
}
.quick-menu {
@@ -727,7 +734,7 @@ import goldIcon from '@/assets/svg/gold.svg';
import syncIcon from '@/assets/svg/sync.svg';
import svgHourglasses from '@/assets/svg/hourglass.svg';
import chevronDownIcon from '@/assets/svg/chevron-down.svg';
import logo from '@/assets/svg/logo.svg';
import melior from '@/assets/svg/melior.svg';
import creatorIntro from '../creatorIntro';
import notificationMenu from './notificationsDropdown';
@@ -762,7 +769,7 @@ export default {
gold: goldIcon,
hourglasses: svgHourglasses,
sync: syncIcon,
logo,
melior,
chevronDown: chevronDownIcon,
}),
};