ourworld_web/www_threefold_io
23
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix home page on wider screens

Browse Source
This commit is contained in:
samaradel
2021-03-07 17:08:11 +02:00
parent 9fa64c2c4c
commit 254dace443
1 changed files with 21 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

30
src/pages/Index.vue
View File

@@ -1,9 +1,11 @@
<template> <template>
<Layout :hideHeader="true" :disableScroll="true"> <Layout :hideHeader="true" :disableScroll="true">
<g-image <div class="container-fluid sm:pxi-0 mx-auto overflow-x-hidden">
v-if="$page.markdownPage.solution_image" <g-image
:src="$page.markdownPage.solution_image.src" v-if="$page.markdownPage.solution_image"
/> :src="$page.markdownPage.solution_image.src"
/>
</div>
<div class="container sm:pxi-0 mx-auto overflow-x-hidden py-5"> <div class="container sm:pxi-0 mx-auto overflow-x-hidden py-5">
<SolutionsHeader <SolutionsHeader
v-if="$page.markdownPage.header" v-if="$page.markdownPage.header"
@@ -63,12 +65,17 @@
:signup="$page.markdownPage.signup" :signup="$page.markdownPage.signup"
/> --> /> -->
</div> </div>
<g-image <div class="container-fluid sm:pxi-0 mx-auto overflow-x-hidden">
v-if="$page.markdownPage.solution_image2" <g-image
:src="$page.markdownPage.solution_image2.src" v-if="$page.markdownPage.solution_image2"
/> :src="$page.markdownPage.solution_image2.src"
/>
<CallToAction v-if="$page.markdownPage.cta" :cta="$page.markdownPage.cta" /> <CallToAction
v-if="$page.markdownPage.cta"
:cta="$page.markdownPage.cta"
/>
</div>
</Layout> </Layout>
</template> </template>
@@ -207,3 +214,8 @@ export default {
}, },
}; };
</script> </script>
<style scoped>
.container-fluid {
max-width: 100% !important;
}
</style>