theoludwig/.profile
1
1
Fork 0
mirror of https://github.com/theoludwig/theoludwig.git synced 2025-05-29 22:37:44 +02:00
Code Issues Releases Activity

chore: better Prettier config for easier reviews

Browse Source
This commit is contained in:
Théo LUDWIG
2023-10-23 23:11:59 +02:00
parent c7ad15a465
commit e566ef6c38
105 changed files with 2138 additions and 2080 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
components/design/Section/SectionHeading.tsx
View File

@ -1,10 +1,10 @@
type SectionHeadingProps = React.ComponentPropsWithRef<'h2'>
type SectionHeadingProps = React.ComponentPropsWithRef<"h2">
export const SectionHeading = (props: SectionHeadingProps): JSX.Element => {
const { children, ...rest } = props
return (
<h2 {...rest} className='mb-3 mt-1 text-center text-4xl font-semibold'>
<h2 {...rest} className="mb-3 mt-1 text-center text-4xl font-semibold">
{children}
</h2>
)

18
components/design/Section/index.tsx
View File

@ -1,7 +1,7 @@
import { ShadowContainer } from '@/components/design/ShadowContainer'
import { SectionHeading } from '@/components/design/Section/SectionHeading'
import { ShadowContainer } from "@/components/design/ShadowContainer"
import { SectionHeading } from "@/components/design/Section/SectionHeading"
type SectionProps = React.ComponentPropsWithRef<'section'> & {
type SectionProps = React.ComponentPropsWithRef<"section"> & {
heading?: string
description?: string
isMain?: boolean
@ -20,13 +20,13 @@ export const Section = (props: SectionProps): JSX.Element => {
if (isMain) {
return (
<div className='w-full px-3'>
<div className="w-full px-3">
<ShadowContainer style={{ marginTop: 50 }}>
<section {...rest}>
{heading != null ? (
<SectionHeading>{heading}</SectionHeading>
) : null}
<div className='w-full px-3'>{children}</div>
<div className="w-full px-3">{children}</div>
</section>
</ShadowContainer>
</div>
@ -37,7 +37,7 @@ export const Section = (props: SectionProps): JSX.Element => {
return (
<section {...rest}>
{heading != null ? <SectionHeading>{heading}</SectionHeading> : null}
<div className='w-full px-3'>{children}</div>
<div className="w-full px-3">{children}</div>
</section>
)
}
@ -52,13 +52,13 @@ export const Section = (props: SectionProps): JSX.Element => {
</SectionHeading>
) : null}
{description != null ? (
<p style={{ marginTop: 7 }} className='text-center'>
<p style={{ marginTop: 7 }} className="text-center">
{description}
</p>
) : null}
<div className='w-full px-3'>
<div className="w-full px-3">
<ShadowContainer>
<div className='w-full px-16 py-4 leading-8'>{children}</div>
<div className="w-full px-16 py-4 leading-8">{children}</div>
</ShadowContainer>
</div>
</section>