fix: input fields bg (#8389)

This commit is contained in:
Aaryan Khandelwal 2025-12-18 20:25:46 +05:30 committed by GitHub
parent 81dbd5ab19
commit 465c99f742
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
7 changed files with 10 additions and 10 deletions

View file

@ -55,7 +55,7 @@ export function DevErrorComponent({ error, onGoHome, onReload }: DevErrorCompone
<div className="space-y-2">
<h3 className="text-13 font-medium text-tertiary uppercase tracking-wide">Error Data</h3>
<div className="bg-layer-1 rounded-md p-4">
<p className="text-13 text-secondary font-mono">{error.data}</p>
<p className="text-13 text-secondary font-code">{error.data}</p>
</div>
</div>
@ -95,7 +95,7 @@ export function DevErrorComponent({ error, onGoHome, onReload }: DevErrorCompone
<div className="space-y-2">
<h3 className="text-13 font-medium text-tertiary uppercase tracking-wide">Stack Trace</h3>
<div className="bg-layer-1 rounded-md border border-subtle max-h-96 overflow-auto">
<pre className="p-4 text-11 text-secondary font-mono whitespace-pre-wrap break-words">
<pre className="p-4 text-11 text-secondary font-code whitespace-pre-wrap break-words">
{error.stack}
</pre>
</div>

View file

@ -234,7 +234,7 @@ export const InboxIssueCreateRoot = observer(function InboxIssueCreateRoot(props
data={formData}
handleData={handleFormData}
editorRef={descriptionEditorRef}
containerClassName="border-[0.5px] border-subtle py-3 min-h-[150px]"
containerClassName="bg-layer-2 border-[0.5px] border-subtle-1 py-3 min-h-[150px]"
onEnterKeyPress={() => submitBtnRef?.current?.click()}
onAssetUpload={(assetId) => setUploadedAssetIds((prev) => [...prev, assetId])}
/>

View file

@ -148,7 +148,7 @@ export const IssueDescriptionEditor = observer(function IssueDescriptionEditor(p
};
return (
<div className="border-[0.5px] border-subtle rounded-lg relative">
<div className="border-[0.5px] border-subtle-1 bg-layer-2 rounded-lg relative">
{descriptionHtmlData === undefined || !projectId ? (
<Loader className="min-h-[120px] max-h-64 space-y-2 overflow-hidden rounded-md border border-subtle p-3 py-2 pt-3">
<Loader.Item width="100%" height="26px" />

View file

@ -70,7 +70,7 @@ export function ShortcutBadge({ shortcut }: { shortcut: string | undefined }) {
<div className="shrink-0 pointer-events-none inline-flex items-center gap-1 select-none font-medium">
{formatted?.split("").map((char, index) => (
<React.Fragment key={index}>
<kbd className="inline-flex h-5 items-center justify-center rounded-sm border border-strong bg-surface-1 px-1.5 font-mono text-10 font-medium text-tertiary">
<kbd className="inline-flex h-5 items-center justify-center rounded-sm border border-strong bg-surface-1 px-1.5 font-code text-10 font-medium text-tertiary">
{char.toUpperCase()}
</kbd>
</React.Fragment>
@ -98,7 +98,7 @@ export function KeySequenceBadge({ sequence }: { sequence: string | undefined })
<div className="shrink-0 pointer-events-none inline-flex items-center gap-1 select-none font-medium">
{chars.map((char, index) => (
<React.Fragment key={index}>
<kbd className="inline-flex h-5 items-center justify-center rounded-sm border border-strong bg-surface-1 px-1.5 font-mono text-10 font-medium text-tertiary">
<kbd className="inline-flex h-5 items-center justify-center rounded-sm border border-strong bg-surface-1 px-1.5 font-code text-10 font-medium text-tertiary">
{char.toUpperCase()}
</kbd>
{index < chars.length - 1 && <span className="text-10 text-placeholder">then</span>}