liuyu/nofx
1
0
Fork 0
mirror of https://github.com/NoFxAiOS/nofx.git synced 2026-07-15 16:56:56 +08:00
Code Issues Packages Projects Releases Wiki Activity

UI feat: replace Lucide icons with logo images in multiple components

Browse Source
This commit is contained in:
Ember
2025-10-31 23:54:10 +08:00
parent 10f8ceb69a
commit f4ce57d52d
4 changed files with 9 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
web/src/App.tsx
View File

@@ -176,9 +176,7 @@ function App() {
return ( return (
<div className="min-h-screen flex items-center justify-center" style={{ background: '#0B0E11' }}> <div className="min-h-screen flex items-center justify-center" style={{ background: '#0B0E11' }}>
<div className="text-center"> <div className="text-center">
<div className="w-16 h-16 mx-auto mb-4 flex items-center justify-center"> <img src="/images/logo.png" alt="NoFx Logo" className="w-16 h-16 mx-auto mb-4 animate-pulse" />
<img src="/images/logo.png" alt="NoFx Logo" className="w-16 h-16 animate-pulse" />
</div>
<p style={{ color: '#EAECEF' }}>加载中...</p> <p style={{ color: '#EAECEF' }}>加载中...</p>
</div> </div>
</div> </div>

6
web/src/components/Header.tsx
View File

@@ -1,6 +1,5 @@
import { useLanguage } from '../contexts/LanguageContext'; import { useLanguage } from '../contexts/LanguageContext';
import { t } from '../i18n/translations'; import { t } from '../i18n/translations';
import { Zap } from 'lucide-react';
interface HeaderProps { interface HeaderProps {
simple?: boolean; // For login/register pages simple?: boolean; // For login/register pages
@@ -15,9 +14,8 @@ export function Header({ simple = false }: HeaderProps) {
<div className="flex items-center justify-between"> <div className="flex items-center justify-between">
{/* Left - Logo and Title */} {/* Left - Logo and Title */}
<div className="flex items-center gap-3"> <div className="flex items-center gap-3">
<div className="w-8 h-8 rounded-full flex items-center justify-center" <div className="w-8 h-8 flex items-center justify-center">
style={{ background: 'linear-gradient(135deg, #F0B90B 0%, #FCD535 100%)' }}> <img src="/images/logo.png" alt="NoFx Logo" className="w-full h-full object-contain" />
<Zap className="w-5 h-5" style={{ color: '#000' }} />
</div> </div>
<div> <div>
<h1 className="text-xl font-bold" style={{ color: '#EAECEF' }}> <h1 className="text-xl font-bold" style={{ color: '#EAECEF' }}>

7
web/src/components/LoginPage.tsx
View File

@@ -3,7 +3,7 @@ import { useAuth } from '../contexts/AuthContext';
import { useLanguage } from '../contexts/LanguageContext'; import { useLanguage } from '../contexts/LanguageContext';
import { t } from '../i18n/translations'; import { t } from '../i18n/translations';
import { Header } from './Header'; import { Header } from './Header';
import { Zap, Smartphone } from 'lucide-react'; import { Smartphone } from 'lucide-react';
export function LoginPage() { export function LoginPage() {
const { language } = useLanguage(); const { language } = useLanguage();
@@ -58,9 +58,8 @@ export function LoginPage() {
<div className="w-full max-w-md"> <div className="w-full max-w-md">
{/* Logo */} {/* Logo */}
<div className="text-center mb-8"> <div className="text-center mb-8">
<div className="w-16 h-16 rounded-full mx-auto mb-4 flex items-center justify-center" <div className="w-16 h-16 mx-auto mb-4 flex items-center justify-center">
style={{ background: 'linear-gradient(135deg, #F0B90B 0%, #FCD535 100%)' }}> <img src="/images/logo.png" alt="NoFx Logo" className="w-full h-full object-contain" />
<Zap className="w-8 h-8" style={{ color: '#000' }} />
</div> </div>
<h1 className="text-2xl font-bold" style={{ color: '#EAECEF' }}> <h1 className="text-2xl font-bold" style={{ color: '#EAECEF' }}>
{t('loginTitle', language)} {t('loginTitle', language)}

7
web/src/components/RegisterPage.tsx
View File

@@ -2,7 +2,7 @@ import React, { useState } from 'react';
import { useAuth } from '../contexts/AuthContext'; import { useAuth } from '../contexts/AuthContext';
import { useLanguage } from '../contexts/LanguageContext'; import { useLanguage } from '../contexts/LanguageContext';
import { t } from '../i18n/translations'; import { t } from '../i18n/translations';
import { Zap, Smartphone, Lock } from 'lucide-react'; import { Smartphone, Lock } from 'lucide-react';
export function RegisterPage() { export function RegisterPage() {
const { language } = useLanguage(); const { language } = useLanguage();
@@ -76,9 +76,8 @@ export function RegisterPage() {
<div className="w-full max-w-md"> <div className="w-full max-w-md">
{/* Logo */} {/* Logo */}
<div className="text-center mb-8"> <div className="text-center mb-8">
<div className="w-16 h-16 rounded-full mx-auto mb-4 flex items-center justify-center" <div className="w-16 h-16 mx-auto mb-4 flex items-center justify-center">
style={{ background: 'linear-gradient(135deg, #F0B90B 0%, #FCD535 100%)' }}> <img src="/images/logo.png" alt="NoFx Logo" className="w-full h-full object-contain" />
<Zap className="w-8 h-8" style={{ color: '#000' }} />
</div> </div>
<h1 className="text-2xl font-bold" style={{ color: '#EAECEF' }}> <h1 className="text-2xl font-bold" style={{ color: '#EAECEF' }}>
{t('appTitle', language)} {t('appTitle', language)}