sergey/anti-hvost
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: profile styles

Browse Source
This commit is contained in:
Sergey Elpashev
2025-04-07 15:59:04 +03:00
parent 04347f4cd9
commit 554ee083ab
2 changed files with 25 additions and 22 deletions
Download Patch File Download Diff File Expand all files Collapse all files

43
src/pages/profile_settings.tsx
View File

@@ -9,27 +9,30 @@ const ProfileSettings: FunctionComponent = () => {
const { route } = useLocation();
return (
<div class={classes.container}>
<div class={classes.header_block}>
<div class="flex h-full w-full flex-col items-center md:flex-row md:items-start">
{/* Вынести классы в стили */}
<div class="flex aspect-square h-full flex-col items-center justify-center rounded-md border">Аватар</div>
<div class={classes.header_block__name}>
<p class="text-5xl font-semibold">Никнейм</p>
<p class="text-2xl font-light">Статус</p>
</div>
</div>
<div class={classes.settings_block}>
<div class="flex w-[300px] flex-col gap-10">
<Button>Сменить тему</Button>
<Button>Настройки</Button>
<Button
color="secondary"
onClick={() => {
isLoggedIn.value = false;
route("/login", true);
}}
>
Выйти
</Button>
<div class="flex aspect-square h-40 flex-col items-center justify-center rounded-md border">Аватар</div>
<div className="flex h-full w-full flex-col items-center">
<div class={classes.header_block__name}>
<p class="text-5xl font-semibold">Никнейм</p>
<p class="text-2xl font-light">Статус</p>
</div>
<div class={classes.settings_block}>
<div class="flex w-[300px] flex-col gap-10">
<Button>Сменить тему</Button>
<Button>Настройки</Button>
<Button
color="secondary"
onClick={() => {
isLoggedIn.value = false;
route("/login", true);
}}
>
Выйти
</Button>
</div>
</div>
</div>
</div>
</div>