WorkRoot/Astro-Component
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix New issue in Library

Browse Source
This commit is contained in:
Clintchiz
2025-08-16 11:04:20 +05:30
parent 53ed95436a
commit ff6c4d4301
2 changed files with 16 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/Field.astro
+14
View File
@@ -144,6 +144,10 @@ const controlWrap = "relative";
}),
p.prefixText && "rounded-l-none",
p.suffixText && "rounded-r-none",
p.iconLeft && "rounded-l-none",
p.iconRight && "rounded-r-none",
p.error &&
"border-danger focus-visible:ring-danger/40",
)}
data-control
placeholder={p.placeholder}
@@ -213,6 +217,10 @@ const controlWrap = "relative";
"block w-full border border-gray-200 shadow-sm rounded-lg text-sm focus:z-10 focus:border-blue-500 focus:ring-blue-500 disabled:opacity-50 disabled:pointer-events-none dark:bg-neutral-900 dark:border-neutral-700 dark:text-neutral-400 file:bg-gray-50 file:border-0 file:me-4 file:py-3 file:px-4 dark:file:bg-neutral-700 dark:file:text-neutral-400",
p.prefixText && "rounded-l-none",
p.suffixText && "rounded-r-none",
p.iconLeft && "rounded-l-none",
p.iconRight && "rounded-r-none",
p.error &&
"border-danger focus-visible:ring-danger/40",
)}
data-control
multiple
@@ -273,6 +281,9 @@ const controlWrap = "relative";
: p.size === "lg"
? "text-base p-4"
: "text-sm p-3",
p.iconLeft && "rounded-l-none",
p.iconRight && "rounded-r-none",
p.error && "border-danger focus-visible:ring-danger/40",
)}
data-initial={typeof p.value === "string" ? p.value : ""}
/>
@@ -299,6 +310,9 @@ const controlWrap = "relative";
class={cn(
selectBase({ size: p.size ?? "md" }),
"appearance-none bg-[length:16px_16px] pr-9",
p.iconLeft && "rounded-l-none",
p.iconRight && "rounded-r-none",
p.error && "border-danger focus-visible:ring-danger/40",
)}
>
{!p.multiple && p.placeholder && (
src/components/Form.astro
+2 -2
View File
@@ -84,8 +84,8 @@ const formId = `f-${Math.random().toString(36).slice(2)}`;
<!-- Client validation & submit hook (no zod import here) -->
<script type="module" define:vars={{ formId, showSuccesInput }}>
const INVALID_KLS = ["!border-danger", "focus-visible:ring-danger/40"];
const VALID_KLS = ["!border-success", "focus-visible:ring-success/40"];
const INVALID_KLS = ["border-danger", "focus-visible:ring-danger/40"];
const VALID_KLS = ["border-success", "focus-visible:ring-success/40"];
const form = document.getElementById(formId);
if (!form) throw new Error("Form element not found");