fix: Responsiveness for the code table (#1018)

* fix Responsiveness for the code table

* fix Removing extra line
This commit is contained in:
Abhinav Arya
2023-10-09 10:00:29 +05:30
committed by GitHub
parent c432e323ce
commit e78e5a0289
2 changed files with 2 additions and 2 deletions

View File

@@ -44,7 +44,7 @@ export const SetupInstructions: React.FC = ({}) => {
return (
<div>
<TabBar tabs={tabs} activeId={activeTab} setActiveId={setActiveTab} />
<div className="h-80 max-w-xs px-4 sm:max-w-lg">
<div className="h-80 max-w-lg px-4 sm:max-w-lg md:max-w-lg">
{activeTab === "npm" ? (
<>
<CodeBlock>npm install @formbricks/js</CodeBlock>

View File

@@ -21,7 +21,7 @@ export const Steps: React.FC = () => {
heading="Set Formbricks up in minutes"
subheading="Formbricks is designed for as little dev attention as possible. Heres how:"
/>
<div id="howitworks" className="mx-auto mb-12 mt-16 max-w-lg md:mb-0 md:mt-8 md:max-w-none">
<div id="howitworks" className="m-auto mb-12 mt-16 max-w-lg md:mb-0 md:mt-8 md:max-w-none">
<div className="px-4 sm:max-w-4xl sm:px-6 lg:max-w-7xl lg:px-8">
<div className="grid md:grid-cols-2 md:items-center md:gap-16">
<div className="pb-8 sm:pl-10 md:pb-0">