Magicpotter/Avatar-Generator
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix Avatar Image Loading from Assets

Browse Source
This commit is contained in:
Mario
2026-03-13 10:33:38 +01:00
parent 4042301a16
commit 04eabf3e1f
3 changed files with 22 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src/_component/AvatarEditor.tsx
View File

@@ -211,8 +211,8 @@ export function AvatarEditor () {
return ( return (
<div className="min-h-screen bg-slate-950 text-white"> <div className="min-h-screen bg-slate-950 text-white">
<div className="min-h-screen bg-gradient-to-br from-slate-950 via-slate-900 to-slate-950"> <div className="min-h-screen bg-linear-to-br from-slate-950 via-slate-900 to-slate-950">
<div className="absolute inset-0 bg-[radial-gradient(ellipse_at_top,_var(--tw-gradient-stops))] from-indigo-900/10 via-transparent to-transparent" /> <div className="absolute inset-0 bg-[radial-linear(ellipse_at_top,_var(--tw-linear-stops))] from-indigo-900/10 via-transparent to-transparent" />
<main className="relative container mx-auto px-4 py-12"> <main className="relative container mx-auto px-4 py-12">
<header className="mb-14 text-center"> <header className="mb-14 text-center">
@@ -221,7 +221,7 @@ export function AvatarEditor () {
<span className="font-medium text-indigo-300">Gaming Avatar Creator</span> <span className="font-medium text-indigo-300">Gaming Avatar Creator</span>
</div> </div>
<h1 className="bg-gradient-to-r from-white via-slate-200 to-white bg-clip-text text-5xl font-extrabold tracking-tight text-transparent md:text-6xl"> <h1 className="bg-linear-to-r from-white via-slate-200 to-white bg-clip-text text-5xl font-extrabold tracking-tight text-transparent md:text-6xl">
NEXUS-CORE NEXUS-CORE
</h1> </h1>

4
src/_component/PreviewPanel.tsx
View File

@@ -33,7 +33,7 @@ export function PreviewPanel ( {
/> />
<div className="group relative mb-6"> <div className="group relative mb-6">
<div className="absolute -inset-1 rounded-2xl bg-gradient-to-r from-indigo-600 to-violet-600 opacity-20 blur transition duration-300 group-hover:opacity-40" /> <div className="absolute -inset-1 rounded-2xl bg-linear-to-r from-indigo-600 to-violet-600 opacity-20 blur transition duration-300 group-hover:opacity-40" />
<div className="relative overflow-hidden rounded-2xl border border-white/5 bg-slate-950 p-2"> <div className="relative overflow-hidden rounded-2xl border border-white/5 bg-slate-950 p-2">
<div className="relative"> <div className="relative">
@@ -57,7 +57,7 @@ export function PreviewPanel ( {
<button <button
onClick={ downloadAvatar } onClick={ downloadAvatar }
className="group flex w-full items-center justify-center gap-3 rounded-xl bg-gradient-to-r from-indigo-600 to-violet-600 px-6 py-4 font-bold text-white shadow-lg shadow-indigo-900/20 transition-all duration-300 hover:scale-105 hover:from-indigo-500 hover:to-violet-500 hover:shadow-indigo-800/30" className="group flex w-full items-center justify-center gap-3 rounded-xl bg-linear-to-r from-indigo-600 to-violet-600 px-6 py-4 font-bold text-white shadow-lg shadow-indigo-900/20 transition-all duration-300 hover:scale-105 hover:from-indigo-500 hover:to-violet-500 hover:shadow-indigo-800/30"
> >
<Download className="h-5 w-5 group-hover:animate-bounce" /> <Download className="h-5 w-5 group-hover:animate-bounce" />
Avatar herunterladen Avatar herunterladen

25
src/_lib/avatar.constants.ts
View File

@@ -1,12 +1,21 @@
import LogoBlau from "../assets/Logo_Blau.png";
import LogoGelb from "../assets/Logo_Gelb.png";
import LogoGrun from "../assets/Logo_Grun.png";
import LogoOrange from "../assets/Logo_Orange.png";
import LogoPink from "../assets/Logo_Pink.png";
import LogoRot from "../assets/Logo_Rot.png";
import LogoTurkis from "../assets/Logo_Turkis.png";
import LogoT from "../assets/Logo_T.png";
export const AVATAR_IMAGES = [ export const AVATAR_IMAGES = [
"Logo_Blau.png", LogoBlau,
"Logo_Gelb.png", LogoGelb,
"Logo_Grun.png", LogoGrun,
"Logo_Orange.png", LogoOrange,
"Logo_Pink.png", LogoPink,
"Logo_Rot.png", LogoRot,
"Logo_Turkis.png", LogoTurkis,
"Logo_T.png", LogoT,
]; ];
export const FONTS = [ export const FONTS = [