zaid.marzguioui/myeasycms-v2
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update CSS classes in web pages

Browse Source 
The CSS classes used across different web pages in the web application have been updated. This change mainly consists of adjustments to spacing on various elements to improve the visual layout. The alterations should enhance the readability and user experience of the mentioned pages.
This commit is contained in:
giancarlo
2024-04-07 15:37:03 +08:00
parent aa7237bfce
commit 9ecbf0816e
7 changed files with 8 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
apps/web/app/(marketing)/blog/_components/post.tsx
View File

@@ -9,7 +9,7 @@ export const Post: React.FC<{
content: string; content: string;
}> = ({ post, content }) => { }> = ({ post, content }) => {
return ( return (
<div className={'mx-auto my-8 flex max-w-2xl flex-col space-y-6'}> <div className={'mx-auto flex max-w-2xl flex-col space-y-6'}>
<PostHeader post={post} /> <PostHeader post={post} />
<article className={styles.HTML}> <article className={styles.HTML}>

2
apps/web/app/(marketing)/blog/page.tsx
View File

@@ -25,7 +25,7 @@ async function BlogPage() {
return ( return (
<div className={'container mx-auto'}> <div className={'container mx-auto'}>
<div className={'my-8 flex flex-col space-y-16'}> <div className={'flex flex-col space-y-16'}>
<SitePageHeader <SitePageHeader
title={t('marketing:blog')} title={t('marketing:blog')}
subtitle={t('marketing:blogSubtitle')} subtitle={t('marketing:blogSubtitle')}

2
apps/web/app/(marketing)/docs/[...slug]/page.tsx
View File

@@ -51,7 +51,7 @@ async function DocumentationPage({ params }: PageParams) {
<div className={'container mx-auto'}> <div className={'container mx-auto'}>
<div <div
className={ className={
'relative mx-auto flex max-w-4xl grow flex-col space-y-4 px-8 py-8' 'relative mx-auto flex max-w-4xl grow flex-col space-y-4 px-8'
} }
> >
<SitePageHeader <SitePageHeader

2
apps/web/app/(marketing)/docs/page.tsx
View File

@@ -27,7 +27,7 @@ async function DocsPage() {
return ( return (
<div className={'flex flex-1 flex-col'}> <div className={'flex flex-1 flex-col'}>
<PageBody className={'mt-8'}> <PageBody>
<div className={'flex flex-col items-center space-y-16'}> <div className={'flex flex-col items-center space-y-16'}>
<SitePageHeader <SitePageHeader
title={t('marketing:documentation')} title={t('marketing:documentation')}

2
apps/web/app/(marketing)/faq/page.tsx
View File

@@ -68,7 +68,7 @@ async function FAQPage() {
/> />
<div className={'container mx-auto'}> <div className={'container mx-auto'}>
<div className={'my-8 flex flex-col space-y-16'}> <div className={'flex flex-col space-y-16'}>
<SitePageHeader <SitePageHeader
title={t('marketing:faq')} title={t('marketing:faq')}
subtitle={t('marketing:faqSubtitle')} subtitle={t('marketing:faqSubtitle')}

4
apps/web/app/(marketing)/layout.tsx
View File

@@ -9,7 +9,7 @@ async function SiteLayout(props: React.PropsWithChildren) {
const user = await getUser(); const user = await getUser();
return ( return (
<> <div className={'flex flex-col space-y-8'}>
<SiteHeader user={user} /> <SiteHeader user={user} />
{props.children} {props.children}
@@ -17,7 +17,7 @@ async function SiteLayout(props: React.PropsWithChildren) {
<Separator /> <Separator />
<SiteFooter /> <SiteFooter />
</> </div>
); );
} }

2
apps/web/app/(marketing)/page.tsx
View File

@@ -17,7 +17,7 @@ function Home() {
<div className={'container mx-auto'}> <div className={'container mx-auto'}>
<div <div
className={ className={
'my-12 flex flex-col items-center md:flex-row lg:my-16' + 'mt-4 flex flex-col items-center md:flex-row xl:mt-12' +
' mx-auto flex-1 justify-center animate-in fade-in ' + ' mx-auto flex-1 justify-center animate-in fade-in ' +
' duration-1000 slide-in-from-top-12' ' duration-1000 slide-in-from-top-12'
} }