Skip to content

Commit

Permalink
padding
Browse files Browse the repository at this point in the history
  • Loading branch information
@GraemeFulton
GraemeFulton committed Mar 1, 2024
1 parent 6c68ceb commit 83f2eec
Show file tree
Hide file tree
Showing 10 changed files with 13 additions and 11 deletions.
2 changes: 1 addition & 1 deletion components/v4/section/HeroArticleSection.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -4,7 +4,7 @@ import HeroPostGrid from "../layout/HeroPostGrid";
// import {RssSimple} from 'phosphor-react'
const HeroArticleSection = ({user, heroCardPost,showBigPost, viewablePosts, cols,title, showHeading,showHeadingRow }) => {
return (
<Container padding={false} maxWidth="max-w-[1320px] mx-auto px-6">
<Container padding={false} maxWidth="max-w-[1320px] mx-auto px-0 md:px-3">
{/* <div className="w-full shadow-md h-full grid grid-cols-12 flex justify-center bg-white rounded-3xl p-6 lg:p-6"> */}
<div className="w-full h-full grid grid-cols-12 flex justify-center">
<div className={`w-full max-w-full flex flex-col col-span-12 `}>
Expand Down
6 changes: 3 additions & 3 deletions components/v4/section/PostsSectionHero.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -13,7 +13,7 @@ import HeroArticleSection from "./HeroArticleSection";
// import {RssSimple} from 'phosphor-react'
const PostsSectionHero = ({user, heroCardPost,toolsList,showHeroTitle,groupSlice, viewablePosts, showTags,title, showRecent,showTitle }) => {
return (
<Container maxWidth="max-w-[1320px]">
<Container padding={false} maxWidth="max-w-[1320px] mx-auto px-6 md:px-0">
{showRecent &&
<>
{/* <div className="w-full shadow-md h-full grid grid-cols-12 flex justify-center bg-white rounded-3xl p-6 mt-6 lg:p-6"> */}
Expand All @@ -39,7 +39,7 @@ const PostsSectionHero = ({user, heroCardPost,toolsList,showHeroTitle,groupSlice

}
{showTags &&
<div className="-mt-4 -ml-3 mb-5">
<div className="-mt-4 mb-5">
<TagsNavRow/>
</div>
}
Expand All @@ -48,7 +48,7 @@ const PostsSectionHero = ({user, heroCardPost,toolsList,showHeroTitle,groupSlice
<div className="flex justify-between">
{showTitle!==false &&
<div className="my-3">
<RSSTitle title={`${title?`All ${title}`:'All posts'}`}/>
{/* <RSSTitle title={`${title?`All ${title}`:'All posts'}`}/> */}
</div>
}
</div>
Expand Down
2 changes: 1 addition & 1 deletion components/v4/section/TagsNavRow.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -56,7 +56,7 @@ const tags = [

const TagsNavRow = ({currentPage}) => {
return (
<Container maxWidth={"max-w-[1320px] mt-7 mb-2"}>
<Container padding={false} maxWidth={"max-w-[1320px] mx-auto mt-7 mb-2 md:px-3"}>
{/* browse all */}
<div className="flex flex-wrap">
<GiantTag classes={`${currentPage=='topics'?'border border-gray-800':''} pl-2 mr-4 md:mr-8`} link={`/topics`}>
Expand Down
4 changes: 2 additions & 2 deletions components/v4/section/ToolsCarouselSection.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -4,12 +4,12 @@ import { MotionSlider } from "@/components/toolbox/ToolboxCarouselAnimation";
import { MotionSliderToolCard } from "@/components/toolbox/ToolboxHeroWithEmailSignup";
// import { ArrowRight, Compass, Envelope } from "phosphor-react";
// import SignupHorizontal from "@/components/newsletter/SignupHorizontal";
import Button from "@/components/Primitives/Button";
// import Button from "@/components/Primitives/Button";

const ToolsCarouselSection = () =>{
return(
<div className="z-50 relative pt-[40px] px-3">
<div className="max-w-[1320px] mx-auto mt-5 px-6">
<div className="max-w-[1320px] mx-auto mt-5 px-6 md:px-3">
{/* <div className="text-xs font-medium text-left text-gray-800/90 uppercase mb-6">Latest in Prototypr Toolbox</div> */}
<div className="text-2xl text-black/90 font-semibold text-left -mt-8 mb-5 w-fit rounded-full">Hot this week</div>
</div>
Expand Down
2 changes: 1 addition & 1 deletion components/v4/section/TopicIndexSection.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -13,7 +13,7 @@ const TopicIndexSection = ({index,user, heroCardPost, viewablePosts, jobsSidebar

const intl = useIntl();
return (
<Container padding={false} maxWidth="px-3 max-w-[1320px]">
<Container padding={false} maxWidth="px-3 max-w-[1320px] mx-auto">
<div className={`w-full h-full grid grid-cols-12 flex justify-center rounded-3xl`}>
<div className={`w-full max-w-full flex flex-col gap-2 col-span-12 py-3 `}>
{/* <LargePostGridC title={title} largePost={heroCardPost} smallPosts={viewablePosts} /> */}
Expand Down
1 change: 1 addition & 0 deletions locales/en-US.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -84,6 +84,7 @@ const EN = {
"topicSpotlight.tabs.ai": "AI",
"topicSpotlight.tabs.code": "Code",
"topicSpotlight.tabs.psychology": "Psychology",
"topicSpotlight.tabs.openSource": "Open Source",
"notice.translation.copy": "This article is only available in English",
"notice.translation.button": "Learn more",
"creatorSpotlight.title": "Creator Spotlight",
Expand Down
1 change: 1 addition & 0 deletions locales/es-ES.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -80,6 +80,7 @@ const ES = {
"topicSpotlight.tabs.UX": "UX",
"topicSpotlight.tabs.branding": "Diseño de marca",
"topicSpotlight.tabs.psychology": "Psicología",
"topicSpotlight.tabs.openSource": "Open Source",
"topicSpotlight.tabs.productDesign": "Diseño de producto",
"topicSpotlight.tabs.vr": "VR",
"topicSpotlight.tabs.ai": "AI",
Expand Down
2 changes: 1 addition & 1 deletion pages/index.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -195,7 +195,7 @@ export default function Index({
{/* <img src='/static/images/toolpattern.svg' style={{opacity:0.37}} className="absolute top-0 -mt-[200px] left-0 w-full h-[124%] object-cover"/> */}
{/* <img src='/static/images/toolpattern.svg' style={{opacity:0.37}} className="absolute top-0 -mt-[150px] left-0 w-full h-[124%] object-cover"/> */}

<div className="max-w-[1320px] mx-auto md:px-6 pb-16 ">
<div className="max-w-[1320px] mx-auto px-6 md:px-3 pb-16 ">
<div className="flex justify-between mb-8">
<h3 className="text-3xl text-black/90 font-semibold font-inter max-w-md leading-[32px]">
Browse by <span className="text-underline">category</span>
Expand Down
2 changes: 1 addition & 1 deletion pages/posts/[tag]/page/[pageNo].js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -161,7 +161,7 @@ export default function PostsPage({
<>
<SectionDivider py="py-12" transparentLine={false}/>

<Container padding={false} maxWidth="mb-3 px-6 max-w-[1320px] mx-auto rounded-2xl w-full relative">
<Container padding={false} maxWidth="mb-3 px-6 md:px-3 max-w-[1320px] mx-auto rounded-2xl w-full relative">
<div className="">
<div className="flex justify-between mb-8">
<h3 className="font-medium capitalize text-2xl ">
Expand Down
2 changes: 1 addition & 1 deletion pages/topics.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -146,7 +146,7 @@ export default function Index({
{/* </Container> */}
<SectionDivider py="py-1" transparentLine={true} />
{/* <Container maxWidth="max-w-[1320px] pb-24 mt-1"> */}
<Container padding={false} maxWidth="max-w-[1320px] mb-8 px-3">
<Container padding={false} maxWidth="max-w-[1320px] mx-auto mb-8 px-3">
{/* <div className="rounded-3xl p-3 relative md:p-10 shadow bg-white"> */}
<div className="relative">
{/* <img src='/static/images/toolbox/squares2.svg' className="-scale-x-100 rounded-xl opacity-30 absolute w-full h-full object-cover top-0 left-0"/> */}
Expand Down

0 comments on commit 83f2eec

Please sign in to comment.