jskim/vexplor_dev
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

화면관리 ui개선 및 파일업로드 설정

Browse Source
This commit is contained in:
kjs
2025-10-15 13:30:11 +09:00
parent 5a8efa51af
commit 3d242c1c8e
14 changed files with 598 additions and 584 deletions
Download Patch File Download Diff File Expand all files Collapse all files

31
frontend/lib/registry/components/radio-basic/RadioBasicComponent.tsx
View File

@@ -84,13 +84,7 @@ export const RadioBasicComponent: React.FC<RadioBasicComponentProps> = ({
// radio-horizontal: 가로 배치
if (webType === "radio-horizontal") {
return (
<div
className={cn(
"flex flex-row gap-4 rounded-lg border border-gray-200 bg-gray-50 p-3",
"transition-all hover:border-orange-400 hover:shadow-md",
isSelected && "ring-2 ring-orange-500",
)}
>
<div className="flex flex-row gap-4">
{options.map((option: any, index: number) => (
<label key={index} className="flex cursor-pointer items-center gap-2">
<input
@@ -100,7 +94,7 @@ export const RadioBasicComponent: React.FC<RadioBasicComponentProps> = ({
checked={selectedValue === option.value}
onChange={() => handleRadioChange(option.value)}
disabled={componentConfig.disabled || isDesignMode}
className="h-4 w-4 border-gray-300 text-blue-600 focus:ring-blue-500"
className="h-4 w-4 border-gray-300 text-blue-600 focus:ring-0 focus:outline-none"
/>
<span className="text-sm text-gray-900">{option.label}</span>
</label>
@@ -112,13 +106,7 @@ export const RadioBasicComponent: React.FC<RadioBasicComponentProps> = ({
// radio-vertical: 세로 배치
if (webType === "radio-vertical") {
return (
<div
className={cn(
"flex flex-col gap-2 rounded-lg border border-gray-200 bg-gray-50 p-3",
"transition-all hover:border-orange-400 hover:shadow-md",
isSelected && "ring-2 ring-orange-500",
)}
>
<div className="flex flex-col gap-2">
{options.map((option: any, index: number) => (
<label key={index} className="flex cursor-pointer items-center gap-2">
<input
@@ -128,7 +116,7 @@ export const RadioBasicComponent: React.FC<RadioBasicComponentProps> = ({
checked={selectedValue === option.value}
onChange={() => handleRadioChange(option.value)}
disabled={componentConfig.disabled || isDesignMode}
className="h-4 w-4 border-gray-300 text-blue-600 focus:ring-blue-500"
className="h-4 w-4 border-gray-300 text-blue-600 focus:ring-0 focus:outline-none"
/>
<span className="text-sm text-gray-900">{option.label}</span>
</label>
@@ -139,14 +127,7 @@ export const RadioBasicComponent: React.FC<RadioBasicComponentProps> = ({
// radio (기본 라디오 - direction 설정 따름)
return (
<div
className={cn(
"flex gap-3 rounded-lg border border-gray-200 bg-gray-50 p-3",
"transition-all hover:border-orange-400 hover:shadow-md",
componentConfig.direction === "horizontal" ? "flex-row" : "flex-col",
isSelected && "ring-2 ring-orange-500",
)}
>
<div className={cn("flex gap-3", componentConfig.direction === "horizontal" ? "flex-row" : "flex-col")}>
{options.map((option: any, index: number) => (
<label key={index} className="flex cursor-pointer items-center gap-2">
<input
@@ -157,7 +138,7 @@ export const RadioBasicComponent: React.FC<RadioBasicComponentProps> = ({
onChange={() => handleRadioChange(option.value)}
disabled={componentConfig.disabled || isDesignMode}
required={componentConfig.required || false}
className="h-4 w-4 border-gray-300 text-blue-600 focus:ring-blue-500"
className="h-4 w-4 border-gray-300 text-blue-600 focus:ring-0"
/>
<span className="text-sm text-gray-900">{option.label}</span>
</label>