zen/core
1
0
Fork 0
Code Issues Pull Requests Actions Packages Releases Activity

refactor(style): apply new design

Browse Source
This commit is contained in:
Hyko
2026-04-22 11:30:33 -04:00
parent 4d84669f9f
commit 138183f3a8
13 changed files with 74 additions and 48 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/shared/components/Input.js
+2 -2
View File
@@ -18,7 +18,7 @@ const Input = ({
step,
...props
}) => {
const baseInputClassName = `w-full px-3 py-2.5 rounded-xl text-sm focus:outline-none transition-all duration-[120ms] ease-out disabled:opacity-50 disabled:cursor-not-allowed bg-white border border-neutral-300 text-neutral-900 placeholder-neutral-400 focus:border-neutral-500 focus:ring-1 focus:ring-neutral-500/20 dark:bg-neutral-900/60 dark:border-neutral-700/50 dark:text-white dark:placeholder-neutral-500 dark:focus:border-neutral-600 dark:focus:ring-neutral-600/20 dark:hover:bg-neutral-900/80 ${
const baseInputClassName = `w-full px-[10px] py-[7px] rounded text-[13px] focus:outline-none transition-all duration-[120ms] ease-out disabled:opacity-50 disabled:cursor-not-allowed bg-white border border-neutral-300 text-neutral-900 placeholder-neutral-400 focus:border-neutral-500 focus:ring-1 focus:ring-neutral-500/20 dark:bg-neutral-900/60 dark:border-neutral-700/50 dark:text-white dark:placeholder-neutral-500 dark:focus:border-neutral-600 dark:focus:ring-neutral-600/20 ${
error ? 'border-red-500/50 dark:border-red-500/50' : ''
} ${className}`;
@@ -56,7 +56,7 @@ const Input = ({
{...props}
/>
<div
className={`w-12 h-10 border rounded-xl cursor-pointer transition-all duration-200 ${
className={`w-12 h-10 border rounded cursor-pointer transition-all duration-[120ms] ease-out ${
error ? 'border-red-500/50' : 'border-neutral-300 dark:border-neutral-700/50 dark:hover:border-neutral-600'
} ${disabled ? 'opacity-50 cursor-not-allowed' : ''}`}
style={{ backgroundColor: value || '#000000' }}