wtf
This commit is contained in:
parent
6a22797610
commit
facaa96955
@ -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>
|
||||||
|
|||||||
@ -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")}>
|
||||||
|
|||||||
@ -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" />
|
||||||
|
|
||||||
|
|||||||
@ -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
|
||||||
`}
|
`}
|
||||||
>
|
>
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user