ai-deployer/test
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix main menu border bag

Browse Source
This commit is contained in:
yzned
2025-07-20 20:01:26 +03:00
committed by yzned
parent 0ce3c0307f
commit 7f1b2b9a05
4 changed files with 6 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/main-menu/chat-cell.tsx
View File

@@ -55,7 +55,7 @@ export const ChatCell = ({ chat }: { chat: { id: string; title: string } }) => {
options={DROPDOWN_OPTIONS} options={DROPDOWN_OPTIONS}
isOpen={isDropdownOpen} isOpen={isDropdownOpen}
onToggle={() => setIsDropdownOpen(!isDropdownOpen)} onToggle={() => setIsDropdownOpen(!isDropdownOpen)}
className="cursor-pointer flex items-center pr-3 justify-end w-5 h-full" classNameTrigger="cursor-pointer flex items-center pr-3 justify-end w-5 h-full"
> >
<ThreeDots <ThreeDots
className={cn( className={cn(

4
src/components/main-menu/main-menu.tsx
View File

@@ -84,6 +84,8 @@ const MainMenuContent = observer(() => {
}, },
]; ];
const showBorder = hasScrolled && isMainMenuOpen;
return ( return (
<div <div
data-open={isMainMenuOpen} data-open={isMainMenuOpen}
@@ -91,7 +93,7 @@ const MainMenuContent = observer(() => {
className="relative w-full h-full overflow-x-hidden data-[open=true]:overflow-y-auto overflow-y-hidden flex flex-col" className="relative w-full h-full overflow-x-hidden data-[open=true]:overflow-y-auto overflow-y-hidden flex flex-col"
> >
<header <header
data-scrolled={hasScrolled} data-scrolled={showBorder}
className="data-[scrolled=true]:border-b data-[scrolled=true]:border-fill-150 sticky top-0 z-10 bg-white pt-[30px] space-y-12 flex flex-col w-full px-4 pb-4 transition-shadow" className="data-[scrolled=true]:border-b data-[scrolled=true]:border-fill-150 sticky top-0 z-10 bg-white pt-[30px] space-y-12 flex flex-col w-full px-4 pb-4 transition-shadow"
> >
<div className="relative w-full h-[32px]"> <div className="relative w-full h-[32px]">

2
src/components/ui/dropdown.tsx
View File

@@ -1,7 +1,7 @@
"use client"; "use client";
import * as DropdownMenu from "@radix-ui/react-dropdown-menu"; import * as DropdownMenu from "@radix-ui/react-dropdown-menu";
import { FC, type ReactNode } from "react"; import { type FC, type ReactNode } from "react";
import clsx from "clsx"; import clsx from "clsx";
import { cn } from "@/lib/utils"; import { cn } from "@/lib/utils";

2
src/routes/magic-link/$magic-link.tsx
View File

@@ -14,7 +14,7 @@ function RouteComponent() {
const { "magic-link": magicLink } = Route.useParams(); const { "magic-link": magicLink } = Route.useParams();
const [code, setCode] = useState<string[]>(Array(6).fill("")); const [code, setCode] = useState<string[]>(Array(6).fill(""));
const [isAutoSubmitted, setIsAutoSubmitted] = useState(false); const [isAutoSubmitted, _] = useState(false);
const [resendTimeout, setResendTimeout] = useState(() => { const [resendTimeout, setResendTimeout] = useState(() => {
const savedTimeout = localStorage.getItem("resendTimeout"); const savedTimeout = localStorage.getItem("resendTimeout");