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

feat: styles update

Browse Source
This commit is contained in:
Sergey Elpashev
2025-04-07 16:37:59 +03:00
parent 083a0f27c0
commit 2ef4b967f3
6 changed files with 48 additions and 30 deletions
Download Patch File Download Diff File Expand all files Collapse all files

41
src/pages/profile_settings.tsx
View File

@@ -9,29 +9,26 @@ const ProfileSettings: FunctionComponent = () => {
const { route } = useLocation();
return (
<div class={classes.container}>
<div class="flex h-full w-full flex-col items-center md:flex-row md:items-start">
{/* Вынести классы в стили */}
<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 id={classes.avatar}>Аватар</div>
<div class={classes.profile_container}>
<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 class={classes.settings_block}>
<div class={classes.settings_block__buttons}>
<Button>Сменить тему</Button>
<Button>Настройки</Button>
<Button
color="secondary"
onClick={() => {
isLoggedIn.value = false;
route("/login", true);
}}
>
Выйти
</Button>
</div>
</div>
</div>