mirror of
https://github.com/RayLabsHQ/gitea-mirror.git
synced 2025-12-06 19:46:44 +03:00
feat: replace SiGitea icons with custom logo
- Replace SiGitea icon with custom logo.svg in LoginForm and Header components - Add custom logo.svg file with theme-aware styling - Update favicon.svg to use the same custom logo design - Remove unused SiGitea imports and clean up dependencies - Logo automatically adapts to light/dark themes via CSS media queries
This commit is contained in:
File diff suppressed because one or more lines are too long
|
Before Width: | Height: | Size: 749 B After Width: | Height: | Size: 21 KiB |
200
public/logo.svg
Normal file
200
public/logo.svg
Normal file
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 21 KiB |
@@ -1,13 +1,13 @@
|
|||||||
'use client';
|
'use client';
|
||||||
|
|
||||||
import * as React from 'react';
|
import * as React from 'react';
|
||||||
import { useState, useEffect } from 'react';
|
import { useState } from 'react';
|
||||||
import { Button } from '@/components/ui/button';
|
import { Button } from '@/components/ui/button';
|
||||||
import { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from '@/components/ui/card';
|
import { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from '@/components/ui/card';
|
||||||
import { SiGitea } from 'react-icons/si';
|
|
||||||
import { toast, Toaster } from 'sonner';
|
import { toast, Toaster } from 'sonner';
|
||||||
import { showErrorToast } from '@/lib/utils';
|
import { showErrorToast } from '@/lib/utils';
|
||||||
import { FlipHorizontal } from 'lucide-react';
|
|
||||||
|
|
||||||
export function LoginForm() {
|
export function LoginForm() {
|
||||||
const [isLoading, setIsLoading] = useState(false);
|
const [isLoading, setIsLoading] = useState(false);
|
||||||
@@ -60,7 +60,7 @@ export function LoginForm() {
|
|||||||
<Card className="w-full max-w-md">
|
<Card className="w-full max-w-md">
|
||||||
<CardHeader className="text-center">
|
<CardHeader className="text-center">
|
||||||
<div className="flex justify-center mb-4">
|
<div className="flex justify-center mb-4">
|
||||||
<SiGitea className="h-10 w-10" />
|
<img src="/logo.svg" alt="Gitea Mirror" className="h-10 w-10" />
|
||||||
</div>
|
</div>
|
||||||
<CardTitle className="text-2xl">Gitea Mirror</CardTitle>
|
<CardTitle className="text-2xl">Gitea Mirror</CardTitle>
|
||||||
<CardDescription>
|
<CardDescription>
|
||||||
|
|||||||
@@ -1,6 +1,6 @@
|
|||||||
import { useAuth } from "@/hooks/useAuth";
|
import { useAuth } from "@/hooks/useAuth";
|
||||||
import { Button } from "@/components/ui/button";
|
import { Button } from "@/components/ui/button";
|
||||||
import { SiGitea } from "react-icons/si";
|
|
||||||
import { ModeToggle } from "@/components/theme/ModeToggle";
|
import { ModeToggle } from "@/components/theme/ModeToggle";
|
||||||
import { Avatar, AvatarFallback, AvatarImage } from "../ui/avatar";
|
import { Avatar, AvatarFallback, AvatarImage } from "../ui/avatar";
|
||||||
import { toast } from "sonner";
|
import { toast } from "sonner";
|
||||||
@@ -64,7 +64,7 @@ export function Header({ currentPage, onNavigate }: HeaderProps) {
|
|||||||
}}
|
}}
|
||||||
className="flex items-center gap-2 py-1 hover:opacity-80 transition-opacity"
|
className="flex items-center gap-2 py-1 hover:opacity-80 transition-opacity"
|
||||||
>
|
>
|
||||||
<SiGitea className="h-6 w-6" />
|
<img src="/logo.svg" alt="Gitea Mirror" className="h-6 w-6" />
|
||||||
<span className="text-xl font-bold">Gitea Mirror</span>
|
<span className="text-xl font-bold">Gitea Mirror</span>
|
||||||
</button>
|
</button>
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user