feat: 更新输入框样式,修复焦点状态下的边框样式
This commit is contained in:
@@ -52,7 +52,7 @@ function saveNameDelayed() {
|
|||||||
|
|
||||||
<label
|
<label
|
||||||
class={[
|
class={[
|
||||||
'input w-fit in-focus-within:outline-0 transition-colors duration-300 ease-out',
|
'input w-fit in-focus-within:outline-none transition-colors duration-300 ease-out',
|
||||||
saveFeedback === 'updated' && 'border-green-500',
|
saveFeedback === 'updated' && 'border-green-500',
|
||||||
saveFeedback === 'not-updated' && 'border-red-500',
|
saveFeedback === 'not-updated' && 'border-red-500',
|
||||||
]}>
|
]}>
|
||||||
|
|||||||
@@ -40,7 +40,7 @@ async function saveLoraType() {
|
|||||||
|
|
||||||
<label
|
<label
|
||||||
class={[
|
class={[
|
||||||
'input w-fit in-focus-within:outline-0 transition-colors duration-300 ease-out',
|
'input w-fit in-focus-within:outline-none transition-colors duration-300 ease-out',
|
||||||
saveFeedback === 'updated' && 'border-green-500',
|
saveFeedback === 'updated' && 'border-green-500',
|
||||||
saveFeedback === 'not-updated' && 'border-red-500',
|
saveFeedback === 'not-updated' && 'border-red-500',
|
||||||
]}>
|
]}>
|
||||||
|
|||||||
@@ -38,7 +38,7 @@ async function saveTargetModel() {
|
|||||||
|
|
||||||
<label
|
<label
|
||||||
class={[
|
class={[
|
||||||
'input w-fit in-focus-within:outline-0 transition-colors duration-300 ease-out',
|
'input w-fit in-focus-within:outline-none transition-colors duration-300 ease-out',
|
||||||
saveFeedback === 'updated' && 'border-green-500',
|
saveFeedback === 'updated' && 'border-green-500',
|
||||||
saveFeedback === 'not-updated' && 'border-red-500',
|
saveFeedback === 'not-updated' && 'border-red-500',
|
||||||
]}>
|
]}>
|
||||||
|
|||||||
Reference in New Issue
Block a user