jason/DigitalConsumer.ISS
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

resize site-header to match Figma specs

Browse source
This commit is contained in:
Kroell 2023-04-27 16:26:06 -04:00
parent af384c40df
commit ca3aad4112
2 changed files with 4 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
src/iss-components/site-header/menu-modal/menu-modal.vue
View file

@ -63,7 +63,7 @@ export default {
}, },
methods: { methods: {
show() { show() {
this.currentFooterAndHeaderHeight = this.getFooterInfoBoxHeight() + 72; this.currentFooterAndHeaderHeight = this.getFooterInfoBoxHeight() + 56;
this.isActive = true; this.isActive = true;
document.querySelector('.fade-on-route-transition').scrollTo({ document.querySelector('.fade-on-route-transition').scrollTo({
top: 0, behavior: 'instant' top: 0, behavior: 'instant'
@ -123,8 +123,8 @@ export default {
&.menu-modal { &.menu-modal {
max-width: 576px; max-width: 576px;
left: auto; left: auto;
height: calc(100% - 72px); height: calc(100% - 56px);
top: 72px; top: 56px;
border-top: 1px solid $gray-300; border-top: 1px solid $gray-300;
overflow-x: visible; overflow-x: visible;
overflow-y: visible; overflow-y: visible;

3
src/iss-components/site-header/site-header.vue
View file

@ -88,13 +88,12 @@ export default({
<style lang="scss" scoped> <style lang="scss" scoped>
.site-header { .site-header {
height: 72px; height: 56px;
} }
.alert { .alert {
left: 0; left: 0;
top: 72px; top: 72px;
} }
#siteHeaderImage { #siteHeaderImage {
height: 2.5rem; height: 2.5rem;
} }