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

rm container-fluid

Browse Source
This commit is contained in:
samaradel
2021-07-12 13:23:31 +00:00
parent bfde8a8dab
commit 6f1d4a4828
3 changed files with 27 additions and 21 deletions
Download Patch File Download Diff File Expand all files Collapse all files

40
src/components/custom/VideoPanel.vue
View File

@@ -1,6 +1,6 @@
<template> <template>
<div class="lg:py-20 lg:flex lg:justify-center flex flex-col"> <div class="lg:flex lg:justify-center flex flex-col">
<div class="lg:flex lg:rounded-lg lg:px-40"> <div class="lg:flex lg:rounded-lg">
<div class="lg:w-1/2"> <div class="lg:w-1/2">
<div class="aspect-w-16 aspect-h-9"> <div class="aspect-w-16 aspect-h-9">
<iframe <iframe
@@ -20,14 +20,27 @@
{{ card.title }} {{ card.title }}
</h2> </h2>
<div class="mt-4 text-gray-700" v-html="card.content"></div> <div class="mt-4 text-gray-700" v-html="card.content"></div>
<div class="mx-auto mt-6 mb-6" v-if="card.btn"> <div class="mx-auto mt-6 mb-6" v-if="card.btn">
<g-link <g-link
class="inline-block bg-blue-900 text-sm learn-button hover:bg-blue-800 text-gray-100 px-12 py-2 mr-5 mb-4 rounded shadow rounded-full" class="
:to="card.link" inline-block
>{{ card.btn }} bg-blue-900
</g-link> text-sm
learn-button
</div> hover:bg-blue-800
text-gray-100
px-12
py-2
mr-5
mb-4
rounded
shadow
rounded-full
"
:to="card.link"
>{{ card.btn }}
</g-link>
</div>
</div> </div>
</div> </div>
</div> </div>
@@ -39,10 +52,7 @@ export default {
}; };
</script> </script>
<style scoped> <style scoped>
.video_bg {
.video_bg{ background-color: #ebfefd;
background-color: #ebfefd;
} }
</style> </style>

2
src/components/marketing/sections/cta-sections/Header.vue
View File

@@ -1,5 +1,5 @@
<template> <template>
<section class="py-15 mb-10 px-4 lg:mx-40"> <section class="py-15 mb-10 px-4">
<div <div
class="flex flex-wrap text-center items-center lg:mt-20 pb-20 lg:text-left -mx-2" class="flex flex-wrap text-center items-center lg:mt-20 pb-20 lg:text-left -mx-2"
v-if="id == 'why'" v-if="id == 'why'"

6
src/pages/Index.vue
View File

@@ -1,6 +1,6 @@
<template> <template>
<Layout :hideHeader="true" :disableScroll="true"> <Layout :hideHeader="true" :disableScroll="true">
<div class="container-fluid mx-20 sm:pxi-0 overflow-x-hidden"> <div class="container mx-auto sm:pxi-0 overflow-x-hidden">
<Header <Header
:id="$page.markdownPage.id" :id="$page.markdownPage.id"
:title="$page.markdownPage.header_title" :title="$page.markdownPage.header_title"
@@ -13,9 +13,7 @@
/> />
<VideoPanel :card="$page.markdownPage.videoPanel" /> <VideoPanel :card="$page.markdownPage.videoPanel" />
</div>
<div class="container sm:pxi-0 mx-auto overflow-x-hidden py-5">
<Map <Map
v-if="$page.markdownPage.stats" v-if="$page.markdownPage.stats"
:section="$page.markdownPage.stats" :section="$page.markdownPage.stats"
@@ -63,13 +61,11 @@
:main="$page.markdownPage.productsMain" :main="$page.markdownPage.productsMain"
:products="$page.markdownPage.productData" :products="$page.markdownPage.productData"
/> />
</div>
<!-- <g-image <!-- <g-image
class="mx-auto" class="mx-auto"
v-if="$page.markdownPage.solution_image2" v-if="$page.markdownPage.solution_image2"
:src="$page.markdownPage.solution_image2.src" :src="$page.markdownPage.solution_image2.src"
/> --> /> -->
<div class="container sm:pxi-0 mx-auto overflow-x-hidden py-5">
<!-- <CallToAction <!-- <CallToAction
v-if="$page.markdownPage.cta3" v-if="$page.markdownPage.cta3"
:cta="$page.markdownPage.cta3" :cta="$page.markdownPage.cta3"