ahdoawhfo/um-react
1
0
Fork 0
mirror of https://git.um-react.app/um/um-react.git synced 2026-10-22 14:33:01 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix: improve dark mode color

Browse Source
This commit is contained in:
鲁树人
2025-07-05 01:13:39 +09:00
parent 3fcbe054b0
commit 99bce5c4ef
5 changed files with 14 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/InstructionsTabs.tsx
+8 -5
View File
@@ -15,17 +15,20 @@ export interface InstructionsTabsProps {
export function InstructionsTabs({ limitHeight = false, tabs }: InstructionsTabsProps) {
const id = useId();
return (
<div className={classNames('tabs tabs-lift pb-4', { 'max-h-[32rem]': limitHeight })}>
<div className={classNames('tabs tabs-lift pb-4 mt-2', { 'max-h-[32rem]': limitHeight })}>
{tabs.map(({ id: _tabId, label, content }, index) => (
<Fragment key={_tabId}>
<label className="tab">
<label className="tab dark:[--tab-border-color:#555]">
<input type="radio" name={id} defaultChecked={index === 0} />
{label}
</label>
<div
className={classNames('tab-content border-base-300 bg-base-100 px-4 py-2 overflow-y-auto', {
'max-h-[30rem]': limitHeight,
})}
className={classNames(
'tab-content border-base-300 dark:border-[#555] bg-base-100 px-4 py-2 overflow-y-auto',
{
'max-h-[30rem]': limitHeight,
},
)}
>
{content}
</div>