mirror/formbricks
1
0
Fork 0
mirror of https://github.com/formbricks/formbricks.git synced 2026-04-19 19:21:15 -05:00
Code Issues Packages Projects Releases 162 Wiki Activity

fix responsiveness bugs formbricks-com

Browse Source
This commit is contained in:
Matthias Nannt
2022-11-08 13:54:31 +01:00
parent a30d2b7969
commit 7dfe5b6203
4 changed files with 26 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
apps/formbricks-com/components/shared/Header.tsx
View File

@@ -98,7 +98,7 @@ const insights = [
export default function Header() {
const router = useRouter();
return (
<Popover className="relative">
<Popover className="relative" as="header">
<div className="flex items-center justify-between px-4 py-6 sm:px-6 md:justify-start md:space-x-10">
<div className="flex justify-start lg:w-0 lg:flex-1">
<Link href="/">

34
apps/formbricks-com/components/shared/LayoutMdx.tsx
View File

@@ -1,4 +1,7 @@
import Footer from "./Footer";
import Header from "./Header";
import Layout from "./Layout";
import MetaInformation from "./MetaInformation";
import { Prose } from "./Prose";
interface Props {
@@ -11,17 +14,24 @@ interface Props {
export default function LayoutMdx({ meta, children }: Props) {
return (
<Layout title={meta.title} description={meta.description}>
<article className="mx-auto my-16 max-w-3xl">
{meta.title && (
<header className="mb-9 space-y-1">
{meta.title && (
<h1 className="font-display text-blue text-3xl tracking-tight dark:text-white">{meta.title}</h1>
)}
</header>
)}
<Prose className="">{children}</Prose>
</article>
</Layout>
<div className="flex h-screen flex-col justify-between">
<MetaInformation title={meta.title} description={meta.description} />
<Header />
<main className="max-w-8xl relative mx-auto mb-auto flex flex-col justify-center px-8 xl:px-16">
<article className="mx-auto my-16 max-w-3xl">
{meta.title && (
<header className="mb-9 space-y-1">
{meta.title && (
<h1 className="font-display text-blue text-3xl tracking-tight dark:text-white">
{meta.title}
</h1>
)}
</header>
)}
<Prose className="">{children}</Prose>
</article>
</main>
<Footer />
</div>
);
}

4
apps/formbricks-com/pages/_document.tsx
View File

@@ -40,7 +40,7 @@ const themeScript = `
export default function Document() {
return (
<Html className="antialiased [font-feature-settings:'ss01']" lang="en" dir="ltr">
<Html className="scroll-smooth antialiased [font-feature-settings:'ss01']" lang="en" dir="ltr">
<Head>
<script dangerouslySetInnerHTML={{ __html: themeScript }} />
@@ -54,7 +54,7 @@ export default function Document() {
<meta name="msapplication-config" content="/faveicon/browserconfig.xml" />
<meta name="theme-color" content="#ffffff" />
</Head>
<body className="bg-blue-100 dark:bg-blue">
<body className="dark:bg-blue bg-blue-100">
<Main />
<NextScript />
</body>

2
apps/formbricks-com/pages/blog/index.tsx
View File

@@ -29,7 +29,7 @@ export default function ArticlesIndex({ articles }: any) {
title="Blog"
description="Blog articles around Formbricks, feature updates, the open source ecosystem and the future of forms.">
<div className="mx-auto my-20 max-w-3xl md:border-l md:border-blue-100 md:pl-6 md:dark:border-blue-700/40">
<div className="flex flex-col space-y-16">
<div className="flex flex-col space-y-16 px-4">
{articles.map((article: any) => (
<Article key={article.slug} article={article} />
))}