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: (BACKPORT) border radius for inputs (#6996) (#7007)

Browse Source
This commit is contained in:
Dhruwang Jariwala
2025-12-19 14:00:16 +05:30
committed by GitHub
parent 035093e702
commit ca1a0053b8
3 changed files with 5 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
packages/survey-ui/src/components/general/button.tsx
View File

@@ -4,7 +4,7 @@ import * as React from "react";
import { cn } from "@/lib/utils";
const buttonVariants = cva(
"inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive",
"inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-button text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive",
{
variants: {
variant: {

2
packages/surveys/src/components/general/cal-embed.tsx
View File

@@ -55,7 +55,7 @@ export function CalEmbed({ element, onSuccessfulBooking }: CalEmbedProps) {
return (
<div className="relative mt-4 overflow-auto">
<div id="cal-embed" className={cn("border-border rounded-lg border")} />
<div id="cal-embed" className={cn("border-border rounded-input border")} />
</div>
);
}

3
packages/surveys/src/lib/styles.ts
View File

@@ -125,6 +125,9 @@ export const addCustomThemeToDom = ({ styling }: { styling: TProjectStyling | TS
appendCssVariable("survey-background-color", styling.cardBackgroundColor?.light);
appendCssVariable("survey-border-color", styling.cardBorderColor?.light);
appendCssVariable("border-radius", `${Number(roundness).toString()}px`);
appendCssVariable("input-border-radius", `${Number(roundness).toString()}px`);
appendCssVariable("option-border-radius", `${Number(roundness).toString()}px`);
appendCssVariable("button-border-radius", `${Number(roundness).toString()}px`);
appendCssVariable("input-background-color", styling.inputColor?.light);
appendCssVariable("input-bg-color", styling.inputColor?.light);
appendCssVariable("option-bg-color", styling.inputColor?.light);