From 73e83d5a456c5b60c6043107feb1d14ea6b9b926 Mon Sep 17 00:00:00 2001 From: rodolfo-ferreira Date: Mon, 25 Mar 2024 11:58:28 -0300 Subject: [PATCH] =?UTF-8?q?style:=20add=20estilo=20na=20p=C3=A1gina=20de?= =?UTF-8?q?=20clientes=20+=20ajuste=20fonte=20no=20componente=20'vamos=20d?= =?UTF-8?q?ar=20vida'?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- manifest.gen.ts | 206 ++++++++++++----------- sections/Content/BrandImage.tsx | 71 ++++++++ sections/Content/TextWithImageCustom.tsx | 6 +- 3 files changed, 178 insertions(+), 105 deletions(-) create mode 100644 sections/Content/BrandImage.tsx diff --git a/manifest.gen.ts b/manifest.gen.ts index 9d22cb1..138c69f 100644 --- a/manifest.gen.ts +++ b/manifest.gen.ts @@ -15,57 +15,58 @@ import * as $$$$$$7 from "./sections/Category/CategoryList.tsx"; import * as $$$$$$8 from "./sections/Content/Benefits.tsx"; import * as $$$$$$9 from "./sections/Content/BlogPosts.tsx"; import * as $$$$$$10 from "./sections/Content/BrandAnimation.tsx"; -import * as $$$$$$11 from "./sections/Content/BreadcrumbCustom.tsx"; -import * as $$$$$$12 from "./sections/Content/CallToAction.tsx"; -import * as $$$$$$13 from "./sections/Content/CasesComponent.tsx"; -import * as $$$$$$14 from "./sections/Content/Faq.tsx"; -import * as $$$$$$15 from "./sections/Content/Features.tsx"; -import * as $$$$$$16 from "./sections/Content/Hero.tsx"; -import * as $$$$$$17 from "./sections/Content/IconText.tsx"; -import * as $$$$$$18 from "./sections/Content/IconTitleAndTex.tsx"; -import * as $$$$$$19 from "./sections/Content/ImageSection.tsx"; -import * as $$$$$$20 from "./sections/Content/Intro.tsx"; -import * as $$$$$$21 from "./sections/Content/Logos.tsx"; -import * as $$$$$$22 from "./sections/Content/Mosaic.tsx"; -import * as $$$$$$23 from "./sections/Content/Partners.tsx"; -import * as $$$$$$24 from "./sections/Content/RichText.tsx"; -import * as $$$$$$25 from "./sections/Content/Table.tsx"; -import * as $$$$$$26 from "./sections/Content/Testimonials.tsx"; -import * as $$$$$$27 from "./sections/Content/TextIconAndImage.tsx"; -import * as $$$$$$28 from "./sections/Content/TextTopWidthCarousel.tsx"; -import * as $$$$$$29 from "./sections/Content/TextWithImage.tsx"; -import * as $$$$$$30 from "./sections/Content/TextWithImageAnimation.tsx"; -import * as $$$$$$31 from "./sections/Content/TextWithImageCustom.tsx"; -import * as $$$$$$32 from "./sections/Footer/Footer.tsx"; -import * as $$$$$$33 from "./sections/Gallery.tsx"; -import * as $$$$$$34 from "./sections/Header/Header.tsx"; -import * as $$$$$$35 from "./sections/Images/BannerGrid.tsx"; -import * as $$$$$$36 from "./sections/Images/Carousel.tsx"; -import * as $$$$$$37 from "./sections/Images/ImageGallery.tsx"; -import * as $$$$$$38 from "./sections/Images/ShoppableBanner.tsx"; -import * as $$$$$$39 from "./sections/Layout/Container.tsx"; -import * as $$$$$$40 from "./sections/Layout/Flex.tsx"; -import * as $$$$$$41 from "./sections/Layout/Grid.tsx"; -import * as $$$$$$42 from "./sections/Layout/GridItem.tsx"; -import * as $$$$$$43 from "./sections/Links/LinkTree.tsx"; -import * as $$$$$$44 from "./sections/Links/Shortcuts.tsx"; -import * as $$$$$$45 from "./sections/Miscellaneous/CampaignTimer.tsx"; -import * as $$$$$$46 from "./sections/Miscellaneous/CookieConsent.tsx"; -import * as $$$$$$47 from "./sections/Miscellaneous/Slide.tsx"; -import * as $$$$$$48 from "./sections/Newsletter/Newsletter.tsx"; -import * as $$$$$$49 from "./sections/Product/ImageGalleryFrontBack.tsx"; -import * as $$$$$$50 from "./sections/Product/ImageGallerySlider.tsx"; -import * as $$$$$$51 from "./sections/Product/NotFound.tsx"; -import * as $$$$$$52 from "./sections/Product/NotFoundChallenge.tsx"; -import * as $$$$$$53 from "./sections/Product/ProductInfo.tsx"; -import * as $$$$$$54 from "./sections/Product/ProductShelf.tsx"; -import * as $$$$$$55 from "./sections/Product/ProductShelfTabbed.tsx"; -import * as $$$$$$56 from "./sections/Product/SearchResult.tsx"; -import * as $$$$$$57 from "./sections/Product/ShelfWithImage.tsx"; -import * as $$$$$$58 from "./sections/Product/Wishlist.tsx"; -import * as $$$$$$59 from "./sections/Social/InstagramPosts.tsx"; -import * as $$$$$$60 from "./sections/Social/WhatsApp.tsx"; -import * as $$$$$$61 from "./sections/Theme/Theme.tsx"; +import * as $$$$$$11 from "./sections/Content/BrandImage.tsx"; +import * as $$$$$$12 from "./sections/Content/BreadcrumbCustom.tsx"; +import * as $$$$$$13 from "./sections/Content/CallToAction.tsx"; +import * as $$$$$$14 from "./sections/Content/CasesComponent.tsx"; +import * as $$$$$$15 from "./sections/Content/Faq.tsx"; +import * as $$$$$$16 from "./sections/Content/Features.tsx"; +import * as $$$$$$17 from "./sections/Content/Hero.tsx"; +import * as $$$$$$18 from "./sections/Content/IconText.tsx"; +import * as $$$$$$19 from "./sections/Content/IconTitleAndTex.tsx"; +import * as $$$$$$20 from "./sections/Content/ImageSection.tsx"; +import * as $$$$$$21 from "./sections/Content/Intro.tsx"; +import * as $$$$$$22 from "./sections/Content/Logos.tsx"; +import * as $$$$$$23 from "./sections/Content/Mosaic.tsx"; +import * as $$$$$$24 from "./sections/Content/Partners.tsx"; +import * as $$$$$$25 from "./sections/Content/RichText.tsx"; +import * as $$$$$$26 from "./sections/Content/Table.tsx"; +import * as $$$$$$27 from "./sections/Content/Testimonials.tsx"; +import * as $$$$$$28 from "./sections/Content/TextIconAndImage.tsx"; +import * as $$$$$$29 from "./sections/Content/TextTopWidthCarousel.tsx"; +import * as $$$$$$30 from "./sections/Content/TextWithImage.tsx"; +import * as $$$$$$31 from "./sections/Content/TextWithImageAnimation.tsx"; +import * as $$$$$$32 from "./sections/Content/TextWithImageCustom.tsx"; +import * as $$$$$$33 from "./sections/Footer/Footer.tsx"; +import * as $$$$$$34 from "./sections/Gallery.tsx"; +import * as $$$$$$35 from "./sections/Header/Header.tsx"; +import * as $$$$$$36 from "./sections/Images/BannerGrid.tsx"; +import * as $$$$$$37 from "./sections/Images/Carousel.tsx"; +import * as $$$$$$38 from "./sections/Images/ImageGallery.tsx"; +import * as $$$$$$39 from "./sections/Images/ShoppableBanner.tsx"; +import * as $$$$$$40 from "./sections/Layout/Container.tsx"; +import * as $$$$$$41 from "./sections/Layout/Flex.tsx"; +import * as $$$$$$42 from "./sections/Layout/Grid.tsx"; +import * as $$$$$$43 from "./sections/Layout/GridItem.tsx"; +import * as $$$$$$44 from "./sections/Links/LinkTree.tsx"; +import * as $$$$$$45 from "./sections/Links/Shortcuts.tsx"; +import * as $$$$$$46 from "./sections/Miscellaneous/CampaignTimer.tsx"; +import * as $$$$$$47 from "./sections/Miscellaneous/CookieConsent.tsx"; +import * as $$$$$$48 from "./sections/Miscellaneous/Slide.tsx"; +import * as $$$$$$49 from "./sections/Newsletter/Newsletter.tsx"; +import * as $$$$$$50 from "./sections/Product/ImageGalleryFrontBack.tsx"; +import * as $$$$$$51 from "./sections/Product/ImageGallerySlider.tsx"; +import * as $$$$$$52 from "./sections/Product/NotFound.tsx"; +import * as $$$$$$53 from "./sections/Product/NotFoundChallenge.tsx"; +import * as $$$$$$54 from "./sections/Product/ProductInfo.tsx"; +import * as $$$$$$55 from "./sections/Product/ProductShelf.tsx"; +import * as $$$$$$56 from "./sections/Product/ProductShelfTabbed.tsx"; +import * as $$$$$$57 from "./sections/Product/SearchResult.tsx"; +import * as $$$$$$58 from "./sections/Product/ShelfWithImage.tsx"; +import * as $$$$$$59 from "./sections/Product/Wishlist.tsx"; +import * as $$$$$$60 from "./sections/Social/InstagramPosts.tsx"; +import * as $$$$$$61 from "./sections/Social/WhatsApp.tsx"; +import * as $$$$$$62 from "./sections/Theme/Theme.tsx"; import * as $$$$$$$$$$$0 from "./apps/decohub.ts"; import * as $$$$$$$$$$$1 from "./apps/site.ts"; @@ -88,58 +89,59 @@ const manifest = { "deco-sites/agencian1/sections/Content/Benefits.tsx": $$$$$$8, "deco-sites/agencian1/sections/Content/BlogPosts.tsx": $$$$$$9, "deco-sites/agencian1/sections/Content/BrandAnimation.tsx": $$$$$$10, - "deco-sites/agencian1/sections/Content/BreadcrumbCustom.tsx": $$$$$$11, - "deco-sites/agencian1/sections/Content/CallToAction.tsx": $$$$$$12, - "deco-sites/agencian1/sections/Content/CasesComponent.tsx": $$$$$$13, - "deco-sites/agencian1/sections/Content/Faq.tsx": $$$$$$14, - "deco-sites/agencian1/sections/Content/Features.tsx": $$$$$$15, - "deco-sites/agencian1/sections/Content/Hero.tsx": $$$$$$16, - "deco-sites/agencian1/sections/Content/IconText.tsx": $$$$$$17, - "deco-sites/agencian1/sections/Content/IconTitleAndTex.tsx": $$$$$$18, - "deco-sites/agencian1/sections/Content/ImageSection.tsx": $$$$$$19, - "deco-sites/agencian1/sections/Content/Intro.tsx": $$$$$$20, - "deco-sites/agencian1/sections/Content/Logos.tsx": $$$$$$21, - "deco-sites/agencian1/sections/Content/Mosaic.tsx": $$$$$$22, - "deco-sites/agencian1/sections/Content/Partners.tsx": $$$$$$23, - "deco-sites/agencian1/sections/Content/RichText.tsx": $$$$$$24, - "deco-sites/agencian1/sections/Content/Table.tsx": $$$$$$25, - "deco-sites/agencian1/sections/Content/Testimonials.tsx": $$$$$$26, - "deco-sites/agencian1/sections/Content/TextIconAndImage.tsx": $$$$$$27, - "deco-sites/agencian1/sections/Content/TextTopWidthCarousel.tsx": $$$$$$28, - "deco-sites/agencian1/sections/Content/TextWithImage.tsx": $$$$$$29, + "deco-sites/agencian1/sections/Content/BrandImage.tsx": $$$$$$11, + "deco-sites/agencian1/sections/Content/BreadcrumbCustom.tsx": $$$$$$12, + "deco-sites/agencian1/sections/Content/CallToAction.tsx": $$$$$$13, + "deco-sites/agencian1/sections/Content/CasesComponent.tsx": $$$$$$14, + "deco-sites/agencian1/sections/Content/Faq.tsx": $$$$$$15, + "deco-sites/agencian1/sections/Content/Features.tsx": $$$$$$16, + "deco-sites/agencian1/sections/Content/Hero.tsx": $$$$$$17, + "deco-sites/agencian1/sections/Content/IconText.tsx": $$$$$$18, + "deco-sites/agencian1/sections/Content/IconTitleAndTex.tsx": $$$$$$19, + "deco-sites/agencian1/sections/Content/ImageSection.tsx": $$$$$$20, + "deco-sites/agencian1/sections/Content/Intro.tsx": $$$$$$21, + "deco-sites/agencian1/sections/Content/Logos.tsx": $$$$$$22, + "deco-sites/agencian1/sections/Content/Mosaic.tsx": $$$$$$23, + "deco-sites/agencian1/sections/Content/Partners.tsx": $$$$$$24, + "deco-sites/agencian1/sections/Content/RichText.tsx": $$$$$$25, + "deco-sites/agencian1/sections/Content/Table.tsx": $$$$$$26, + "deco-sites/agencian1/sections/Content/Testimonials.tsx": $$$$$$27, + "deco-sites/agencian1/sections/Content/TextIconAndImage.tsx": $$$$$$28, + "deco-sites/agencian1/sections/Content/TextTopWidthCarousel.tsx": $$$$$$29, + "deco-sites/agencian1/sections/Content/TextWithImage.tsx": $$$$$$30, "deco-sites/agencian1/sections/Content/TextWithImageAnimation.tsx": - $$$$$$30, - "deco-sites/agencian1/sections/Content/TextWithImageCustom.tsx": $$$$$$31, - "deco-sites/agencian1/sections/Footer/Footer.tsx": $$$$$$32, - "deco-sites/agencian1/sections/Gallery.tsx": $$$$$$33, - "deco-sites/agencian1/sections/Header/Header.tsx": $$$$$$34, - "deco-sites/agencian1/sections/Images/BannerGrid.tsx": $$$$$$35, - "deco-sites/agencian1/sections/Images/Carousel.tsx": $$$$$$36, - "deco-sites/agencian1/sections/Images/ImageGallery.tsx": $$$$$$37, - "deco-sites/agencian1/sections/Images/ShoppableBanner.tsx": $$$$$$38, - "deco-sites/agencian1/sections/Layout/Container.tsx": $$$$$$39, - "deco-sites/agencian1/sections/Layout/Flex.tsx": $$$$$$40, - "deco-sites/agencian1/sections/Layout/Grid.tsx": $$$$$$41, - "deco-sites/agencian1/sections/Layout/GridItem.tsx": $$$$$$42, - "deco-sites/agencian1/sections/Links/LinkTree.tsx": $$$$$$43, - "deco-sites/agencian1/sections/Links/Shortcuts.tsx": $$$$$$44, - "deco-sites/agencian1/sections/Miscellaneous/CampaignTimer.tsx": $$$$$$45, - "deco-sites/agencian1/sections/Miscellaneous/CookieConsent.tsx": $$$$$$46, - "deco-sites/agencian1/sections/Miscellaneous/Slide.tsx": $$$$$$47, - "deco-sites/agencian1/sections/Newsletter/Newsletter.tsx": $$$$$$48, - "deco-sites/agencian1/sections/Product/ImageGalleryFrontBack.tsx": $$$$$$49, - "deco-sites/agencian1/sections/Product/ImageGallerySlider.tsx": $$$$$$50, - "deco-sites/agencian1/sections/Product/NotFound.tsx": $$$$$$51, - "deco-sites/agencian1/sections/Product/NotFoundChallenge.tsx": $$$$$$52, - "deco-sites/agencian1/sections/Product/ProductInfo.tsx": $$$$$$53, - "deco-sites/agencian1/sections/Product/ProductShelf.tsx": $$$$$$54, - "deco-sites/agencian1/sections/Product/ProductShelfTabbed.tsx": $$$$$$55, - "deco-sites/agencian1/sections/Product/SearchResult.tsx": $$$$$$56, - "deco-sites/agencian1/sections/Product/ShelfWithImage.tsx": $$$$$$57, - "deco-sites/agencian1/sections/Product/Wishlist.tsx": $$$$$$58, - "deco-sites/agencian1/sections/Social/InstagramPosts.tsx": $$$$$$59, - "deco-sites/agencian1/sections/Social/WhatsApp.tsx": $$$$$$60, - "deco-sites/agencian1/sections/Theme/Theme.tsx": $$$$$$61, + $$$$$$31, + "deco-sites/agencian1/sections/Content/TextWithImageCustom.tsx": $$$$$$32, + "deco-sites/agencian1/sections/Footer/Footer.tsx": $$$$$$33, + "deco-sites/agencian1/sections/Gallery.tsx": $$$$$$34, + "deco-sites/agencian1/sections/Header/Header.tsx": $$$$$$35, + "deco-sites/agencian1/sections/Images/BannerGrid.tsx": $$$$$$36, + "deco-sites/agencian1/sections/Images/Carousel.tsx": $$$$$$37, + "deco-sites/agencian1/sections/Images/ImageGallery.tsx": $$$$$$38, + "deco-sites/agencian1/sections/Images/ShoppableBanner.tsx": $$$$$$39, + "deco-sites/agencian1/sections/Layout/Container.tsx": $$$$$$40, + "deco-sites/agencian1/sections/Layout/Flex.tsx": $$$$$$41, + "deco-sites/agencian1/sections/Layout/Grid.tsx": $$$$$$42, + "deco-sites/agencian1/sections/Layout/GridItem.tsx": $$$$$$43, + "deco-sites/agencian1/sections/Links/LinkTree.tsx": $$$$$$44, + "deco-sites/agencian1/sections/Links/Shortcuts.tsx": $$$$$$45, + "deco-sites/agencian1/sections/Miscellaneous/CampaignTimer.tsx": $$$$$$46, + "deco-sites/agencian1/sections/Miscellaneous/CookieConsent.tsx": $$$$$$47, + "deco-sites/agencian1/sections/Miscellaneous/Slide.tsx": $$$$$$48, + "deco-sites/agencian1/sections/Newsletter/Newsletter.tsx": $$$$$$49, + "deco-sites/agencian1/sections/Product/ImageGalleryFrontBack.tsx": $$$$$$50, + "deco-sites/agencian1/sections/Product/ImageGallerySlider.tsx": $$$$$$51, + "deco-sites/agencian1/sections/Product/NotFound.tsx": $$$$$$52, + "deco-sites/agencian1/sections/Product/NotFoundChallenge.tsx": $$$$$$53, + "deco-sites/agencian1/sections/Product/ProductInfo.tsx": $$$$$$54, + "deco-sites/agencian1/sections/Product/ProductShelf.tsx": $$$$$$55, + "deco-sites/agencian1/sections/Product/ProductShelfTabbed.tsx": $$$$$$56, + "deco-sites/agencian1/sections/Product/SearchResult.tsx": $$$$$$57, + "deco-sites/agencian1/sections/Product/ShelfWithImage.tsx": $$$$$$58, + "deco-sites/agencian1/sections/Product/Wishlist.tsx": $$$$$$59, + "deco-sites/agencian1/sections/Social/InstagramPosts.tsx": $$$$$$60, + "deco-sites/agencian1/sections/Social/WhatsApp.tsx": $$$$$$61, + "deco-sites/agencian1/sections/Theme/Theme.tsx": $$$$$$62, }, "apps": { "deco-sites/agencian1/apps/decohub.ts": $$$$$$$$$$$0, diff --git a/sections/Content/BrandImage.tsx b/sections/Content/BrandImage.tsx new file mode 100644 index 0000000..b7a184c --- /dev/null +++ b/sections/Content/BrandImage.tsx @@ -0,0 +1,71 @@ +import type { ImageWidget } from "apps/admin/widgets.ts"; + +/**@titleBy alt */ +interface Image{ + /**@title Imagem */ + src?: ImageWidget; + /**@title Largura da Imagem */ + width?: number; + /**@title Altura da Imagem */ + height?: number; + /**@title Nome da Imagem */ + alt?:string; +} + +interface Props{ + /**@title Título */ + /**@format html */ + title?:string; + /**@title Marca */ + /**@format maxItems 50 */ + /**@description (limite 50 itens) */ + brand?: Image[]; +} + +function BrandImage( { title, brand }: Props ){ + return( + <> +
+
+ {title && title !== '


' && ( +
+
+ )} +
+ {brand && brand.map(( { src, width, height, alt } )=>{ + return( + <> + { src && width && height && ( + {`${alt + )} + + ) + })} + + + + + + +
+
+
+ + ) +} + +export default BrandImage; \ No newline at end of file diff --git a/sections/Content/TextWithImageCustom.tsx b/sections/Content/TextWithImageCustom.tsx index 098ef2f..e386677 100644 --- a/sections/Content/TextWithImageCustom.tsx +++ b/sections/Content/TextWithImageCustom.tsx @@ -25,10 +25,10 @@ function TextWithImageCustom( md:px-[120px] relative flex items-center justify-between md:h-[540px]`)} > {textLarge && ( -

+
{textLarge} -

+ )} {image && width && height && (