Skip to content
Snippets Groups Projects
Commit ca2e4d3a authored by David Mendez's avatar David Mendez
Browse files

EUbOPEN: change layout to comply to IMI communication guidelines

parent 94d80a23
No related branches found
No related tags found
1 merge request!27Change layout to comply with IMI communication guidelines
<template>
<div class="eubopen-bar">
<div class="primary main-menu-container">
<v-container>
<v-row>
<v-col cols="12"> Tools </v-col>
<v-col
cols="2"
sm="5"
class="d-flex justify-center justify-sm-start align-center"
>
<LinksMenuMobile v-if="isMobile" />
<LinksMenu v-else />
</v-col>
<v-col cols="10" sm="7" class="d-flex justify-end align-center">
<EubOPENSearchBar />
</v-col>
</v-row>
</v-container>
</div>
</template>
<script>
export default {}
import LinksMenuMobile from '~/components/Masthead/LinksMenuMobile.vue'
import EubOPENSearchBar from '~/components/Masthead/EubOPENSearchBar.vue'
import LinksMenu from '~/components/Masthead/LinksMenu.vue'
export default {
components: {
LinksMenuMobile,
EubOPENSearchBar,
LinksMenu,
},
computed: {
isMobile() {
return this.$vuetify.breakpoint.xs
},
},
}
</script>
<style lang="scss" scoped>
.eubopen-bar {
background-color: $eubopen-primary-color;
}
</style>
<style lang="scss" scoped></style>
......@@ -6,7 +6,7 @@
<Logo />
</template>
</EubopenAppBar>
<v-main>
<v-main class="main-app-content">
<v-container>
<nuxt />
</v-container>
......@@ -30,3 +30,8 @@ export default {
},
}
</script>
<style lang="scss" scoped>
.main-app-content {
min-height: 70vh;
}
</style>
......@@ -11,7 +11,7 @@ export default {
components: {
ChemicalProbeReportCard,
},
layout: 'reportCard',
layout: 'default',
async asyncData({ $axios, error, params }) {
try {
const docSource = ['pref_name']
......
......@@ -9,7 +9,7 @@ export default {
components: {
EBCompoundsBrowser,
},
layout: 'entityBrowser',
layout: 'default',
data() {
return {
isEmbedded: false,
......
......@@ -14,7 +14,7 @@ export default {
components: {
FreeTextResults,
},
layout: 'reportCard',
layout: 'default',
computed: {
searchTerm() {
let searchTerm = this.$route.params.term
......
......@@ -11,7 +11,7 @@ export default {
components: {
TargetReportCard,
},
layout: 'reportCard',
layout: 'default',
async asyncData({ $axios, error, params }) {
try {
const docSource = ['pref_name']
......
......@@ -8,7 +8,7 @@ export default {
components: {
EBTargetsBrowser,
},
layout: 'entityBrowser',
layout: 'default',
data() {
return {
isEmbedded: false,
......
Subproject commit 3601f8c6e74825bb460a92efcabe42c1a6c2a7ae
Subproject commit 9bfa659425ce30739e6404a67d38a55249df8729
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment