admin/dify
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

Feat: dark mode for independent pages (#17045)

Browse Source
This commit is contained in:
KVOJJJin
2025-03-31 10:28:19 +08:00
committed by GitHub
parent 46d235bca0
commit e008faf729
16 changed files with 66 additions and 110 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
web/app/init/InitPasswordPopup.tsx
View File

@@ -54,7 +54,7 @@ const InitPasswordPopup = () => {
{!validated && (
<div className="mx-12 block min-w-28">
<div className="mb-4">
<label htmlFor="password" className="block text-sm font-medium text-gray-700">
<label htmlFor="password" className="block text-sm font-medium text-text-secondary">
{t('login.adminInitPassword')}
</label>
@@ -64,7 +64,7 @@ const InitPasswordPopup = () => {
type="password"
value={password}
onChange={e => setPassword(e.target.value)}
className="block w-full appearance-none rounded-md border border-gray-300 px-3 py-2 shadow-sm placeholder:text-gray-400 focus:border-indigo-500 focus:outline-none focus:ring-indigo-500 sm:text-sm"
className="block w-full appearance-none rounded-md border border-divider-regular px-3 py-2 shadow-sm placeholder:text-text-quaternary focus:border-indigo-500 focus:outline-none focus:ring-indigo-500 sm:text-sm"
/>
</div>
</div>

18
web/app/init/page.tsx
View File

@@ -1,19 +1,27 @@
import React from 'react'
import style from '../signin/page.module.css'
import InitPasswordPopup from './InitPasswordPopup'
import classNames from '@/utils/classnames'
import cn from '@/utils/classnames'
const Install = () => {
return (
<div className={classNames(
<div className={cn(
'bg-background-body',
style.background,
'flex w-full min-h-screen',
'flex min-h-screen w-full',
'p-4 lg:p-8',
'gap-x-20',
'justify-center lg:justify-start',
)}>
<div className="m-auto block w-96">
<InitPasswordPopup />
<div className={
cn(
'flex w-full shrink-0 flex-col rounded-2xl bg-background-section-burn shadow',
'space-between',
)
}>
<div className="m-auto block w-96">
<InitPasswordPopup />
</div>
</div>
</div>
)