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

update brandpanel comp

Browse Source
This commit is contained in:
Ehab Hassan
2021-03-28 11:11:44 +02:00
parent a12f1b1b45
commit bede4a73ed
2 changed files with 15 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
src/assets/scss/main.scss
View File

@@ -91,6 +91,10 @@ ul {
background-color: #C2AEEC;
}
.text-3xl {
font-size: 2.50rem
}
.no-border {
border-width: 0px !important;
}
@@ -139,7 +143,11 @@ button:focus {
font-size: 5rem;
line-height: 1;
}
@media (min-width: 375px) {
.text-3xl {
font-size: 2.25rem
}
}
@media (min-width: 768px) {
.with-large>.flex-post:nth-child(5n),
.with-large>.flex-post:nth-child(5n-1) {
@@ -197,6 +205,9 @@ button:focus {
@apply text-xl;
}
}
.text-3xl {
font-size: 2.50rem
}
// .news>.flex-post:nth-child(9n+1),
// .news>.flex-post:nth-child(9n+2) {
// // @apply flex-100;

6
src/components/marketing/sections/cta-sections/BrandPanel.vue
View File

@@ -5,11 +5,11 @@
class="brandpanel rounded-lg shadow-xl overflow-hidden lg:grid lg:grid-cols-2 lg:gap-4"
>
<div
class="pt-10 pb-12 px-6 sm:pt-16 sm:px-16 lg:py-16 lg:pr-0 xl:py-20 xl:px-20"
class="pt-10 pb-12 px-6 sm:pt-16 sm:px-16 lg:py-16 lg:pr-0 xl:py-20 xl:px-15"
>
<div class="lg:self-center">
<h2
class="text-3xl leading-9 font-extrabold text-white sm:text-4xl sm:leading-10"
class="text-3xl leading-9 font-extrabold text-white sm:leading-10"
>
<span class="block">{{ brand.title }}</span>
<span class="block" v-if="brand.subtitle">{{
@@ -29,7 +29,7 @@
</div>
<div class="relative pb-3/5 -mt-6 md:pb-1/2">
<g-image
class="absolute brandpanel inset-0 w-full h-full transform translate-x-6 translate-y-6 rounded-md object-cover object-left-top sm:translate-x-16 lg:translate-y-20"
class="absolute brandpanel inset-0 w-full h-full transform translate-x-0 translate-y-6 rounded-md object-fill object-left-top sm:translate-x-0 lg:translate-y-20"
:src="image"
:alt="brand.title"
/>