mirror/formbricks-formbricks
1
0
Fork 0
mirror of https://github.com/formbricks/formbricks.git synced 2026-01-06 05:40:02 -06:00
Code Issues Packages Projects Releases 100 Wiki Activity

fix: animate tweaks (#4015)

Browse Source
This commit is contained in:
Johannes
2024-10-24 20:02:18 -07:00
committed by GitHub
parent f56f08e3c1
commit deea760a17
2 changed files with 5 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
apps/web/app/(app)/(survey-editor)/environments/[environmentId]/surveys/[surveyId]/edit/components/FormStylingSettings.tsx
View File

@@ -107,9 +107,9 @@ export const FormStylingSettings = ({
</Collapsible.CollapsibleTrigger>
<Collapsible.CollapsibleContent className="flex flex-col" ref={parent}>
<hr className="py-1 text-slate-600" key={"hello"} />
<hr className="py-1 text-slate-600" />
<div className="flex flex-col gap-6 p-6 pt-2" key={"hjiii"}>
<div className="flex flex-col gap-6 p-6 pt-2">
<div className="flex flex-col gap-2">
<FormField
control={form.control}

5
apps/web/app/(app)/(survey-editor)/environments/[environmentId]/surveys/[surveyId]/edit/components/SurveyBgSelectorTab.tsx
View File

@@ -1,3 +1,4 @@
import { useAutoAnimate } from "@formkit/auto-animate/react";
import { useEffect, useState } from "react";
import { TabBar } from "@formbricks/ui/components/TabBar";
import { AnimatedSurveyBg } from "./AnimatedSurveyBg";
@@ -30,7 +31,7 @@ export const SurveyBgSelectorTab = ({
isUnsplashConfigured,
}: SurveyBgSelectorTabProps) => {
const [activeTab, setActiveTab] = useState(bgType || "color");
const [parent] = useAutoAnimate();
const [colorBackground, setColorBackground] = useState(bg);
const [animationBackground, setAnimationBackground] = useState(bg);
const [uploadBackground, setUploadBackground] = useState(bg);
@@ -93,7 +94,7 @@ export const SurveyBgSelectorTab = ({
tabStyle="button"
className="bg-slate-100"
/>
<div className="w-full rounded-b-lg border-x border-b border-slate-200 px-4 pb-4 pt-2">
<div className="w-full rounded-b-lg border-x border-b border-slate-200 px-4 pb-4 pt-2" ref={parent}>
{renderContent()}
</div>
</div>