mirror of
https://github.com/multica-ai/multica.git
synced 2026-07-05 13:29:44 +02:00
fix(skills): keep skill title input transparent in dark mode (#2710)
The skill name Input on the detail editor uses `bg-transparent px-0` to render as flush, chrome-less text. The base Input component also applies `dark:bg-input/30`, which Tailwind keeps because it lives in the `dark:` variant. In dark mode this exposes a 30% white fill that appears flush against the text — looking like missing left padding. Add `dark:bg-transparent` to the className so the override wins in both color modes.
This commit is contained in:
@@ -679,7 +679,7 @@ export function SkillDetailPage({ skillId }: { skillId: string }) {
|
||||
readOnly={!canEdit}
|
||||
onChange={(e) => setName(e.target.value)}
|
||||
placeholder={t(($) => $.detail.name_placeholder)}
|
||||
className="h-9 border-0 bg-transparent px-0 text-lg font-semibold shadow-none focus-visible:ring-0 read-only:cursor-default"
|
||||
className="h-9 border-0 bg-transparent px-0 text-lg font-semibold shadow-none focus-visible:ring-0 read-only:cursor-default dark:bg-transparent"
|
||||
aria-label={t(($) => $.detail.name_aria)}
|
||||
/>
|
||||
<div className="space-y-1">
|
||||
|
||||
Reference in New Issue
Block a user