This commit is contained in:
Max 2025-02-05 15:13:15 +03:00
parent 6a22797610
commit facaa96955
4 changed files with 15 additions and 9 deletions

View File

@ -8,7 +8,7 @@ export default function CreatePostButton() {
return ( return (
<Link to={"/create"}> <Link to={"/create"}>
<Button variant="ghost" className="items-center h-full px-[6px] pr-[8px] py-0 my-auto m-0"> <Button variant="ghost" className="items-center h-full px-[6px] pr-[8px] py-0 my-auto m-0 overflow-hidden">
<Pencil1Icon /> <Pencil1Icon />
<Text>{t("createPost")}</Text> <Text>{t("createPost")}</Text>
</Button> </Button>

View File

@ -1,5 +1,11 @@
import { LaptopIcon, PersonIcon } from "@radix-ui/react-icons"; import { LaptopIcon, PersonIcon } from "@radix-ui/react-icons";
import { DropdownMenu, Flex, IconButton, Text, Tooltip } from "@radix-ui/themes"; import {
DropdownMenu,
Flex,
IconButton,
Text,
Tooltip,
} from "@radix-ui/themes";
import { Icon } from "@radix-ui/themes/dist/esm/components/callout.js"; import { Icon } from "@radix-ui/themes/dist/esm/components/callout.js";
import { useAtomValue } from "jotai"; import { useAtomValue } from "jotai";
import { useTranslation } from "react-i18next"; import { useTranslation } from "react-i18next";
@ -17,8 +23,8 @@ export default function UserButton() {
return ( return (
<div className=""> <div className="">
<DropdownMenu.Root> <DropdownMenu.Root>
<DropdownMenu.Trigger> <Tooltip content={"User menu"} className="w-fit">
<Tooltip content={"User menu"} className="w-fit"> <DropdownMenu.Trigger>
<IconButton <IconButton
size={"2"} size={"2"}
className="items-center my-auto rounded-full" className="items-center my-auto rounded-full"
@ -26,8 +32,8 @@ export default function UserButton() {
> >
<PersonIcon /> <PersonIcon />
</IconButton> </IconButton>
</Tooltip> </DropdownMenu.Trigger>
</DropdownMenu.Trigger> </Tooltip>
<DropdownMenu.Content className="w-fit"> <DropdownMenu.Content className="w-fit">
<DropdownMenu.Item onClick={() => navigate("/profile")}> <DropdownMenu.Item onClick={() => navigate("/profile")}>

View File

@ -22,7 +22,7 @@ export default function ProfileNavbar() {
<> <>
<Flex className="relative flex flex-col sm:hidden"> <Flex className="relative flex flex-col sm:hidden">
<TabNav.Root size={"2"}> <TabNav.Root size={"2"}>
<TabLink label="Profile" path="/profile" /> <TabLink label="About" path="/profile" />
<TabLink label="Security" path="/profile/sec" /> <TabLink label="Security" path="/profile/sec" />

View File

@ -7,8 +7,8 @@ export default function ProfilePage() {
<Flex <Flex
className={` className={`
relative flex-col flex-1 gap-0 mx-4 relative flex-col flex-1 gap-0 mx-4
sm:flex-row sm:gap-4 sm:flex-row sm:gap-4 sm:mx-4
md:w-full md:min-w-[45rem] md:max-w-pc-width md:mx-auto md:w-full md:max-w-pc-width md:mx-auto
overflow-hidden overflow-hidden
`} `}
> >