sovonegr/neomovies
1
0
Fork 0
mirror of https://gitlab.com/foxixus/neomovies.git synced 2025-10-27 17:38:50 +05:00
Code Issues Packages Projects Releases Wiki Activity

ui edits

Browse Source
This commit is contained in:
Erno
2025-07-08 17:07:01 +03:00
parent eaf5e21ea1
commit d2f4526241
2 changed files with 26 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
src/app/profile/page.tsx
View File

@@ -5,7 +5,7 @@ import { authAPI } from '@/lib/authApi';
import toast from 'react-hot-toast'; import toast from 'react-hot-toast';
import { useRouter } from 'next/navigation'; import { useRouter } from 'next/navigation';
import { useEffect, useState } from 'react'; import { useEffect, useState } from 'react';
import { Loader2, User, LogOut, Trash2 } from 'lucide-react'; import { Loader2, User, LogOut, Trash2, ArrowLeft } from 'lucide-react';
import Modal from '@/components/ui/Modal'; import Modal from '@/components/ui/Modal';
export default function ProfilePage() { export default function ProfilePage() {
@@ -51,6 +51,15 @@ export default function ProfilePage() {
return ( return (
<div className="min-h-screen w-full bg-background text-foreground flex items-center justify-center p-4"> <div className="min-h-screen w-full bg-background text-foreground flex items-center justify-center p-4">
<div className="w-full max-w-md"> <div className="w-full max-w-md">
<div className="mb-6">
<button
onClick={() => router.back()}
className="flex items-center gap-2 text-muted-foreground hover:text-foreground transition-colors"
>
<ArrowLeft size={20} />
<span>Назад</span>
</button>
</div>
<div className="bg-warm-50 dark:bg-warm-900 rounded-lg shadow-lg p-8 text-center mb-6"> <div className="bg-warm-50 dark:bg-warm-900 rounded-lg shadow-lg p-8 text-center mb-6">
<div className="mb-6 mx-auto flex h-28 w-28 items-center justify-center rounded-full bg-gray-200 dark:bg-white/10 text-4xl font-bold text-gray-700 dark:text-gray-200 ring-4 ring-gray-100 dark:ring-white/5"> <div className="mb-6 mx-auto flex h-28 w-28 items-center justify-center rounded-full bg-gray-200 dark:bg-white/10 text-4xl font-bold text-gray-700 dark:text-gray-200 ring-4 ring-gray-100 dark:ring-white/5">
{userName?.split(' ').map(n => n[0]).join('').toUpperCase() || ''} {userName?.split(' ').map(n => n[0]).join('').toUpperCase() || ''}

17
src/app/settings/page.tsx
View File

@@ -1,11 +1,26 @@
'use client'; 'use client';
import { useRouter } from 'next/navigation';
import { ArrowLeft } from 'lucide-react';
import SettingsContent from '@/components/SettingsContent'; import SettingsContent from '@/components/SettingsContent';
export default function SettingsPage() { export default function SettingsPage() {
const router = useRouter();
return ( return (
<div className="min-h-screen flex items-center justify-center p-4 bg-background text-foreground"> <div className="min-h-screen flex items-center justify-center p-4 bg-background text-foreground">
<SettingsContent /> <div className="max-w-4xl mx-auto">
<div className="mb-6">
<button
onClick={() => router.back()}
className="flex items-center gap-2 text-muted-foreground hover:text-foreground transition-colors"
>
<ArrowLeft size={20} />
<span>Назад</span>
</button>
</div>
<SettingsContent />
</div>
</div> </div>
); );
} }