poyrazavsever/poyraz-portfolio
1
0
Fork 0
Code Issues 1 Pull Requests Actions Packages Projects Releases Wiki Activity

fix: fixed ataturk widget z index problem

Browse Source
This commit is contained in:
poyrazavsever
2026-08-31 21:33:56 +03:00
parent a2538e53c0
commit 1dfc2a7bc8
1 changed files with 3 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
components/ataturk-widget-modal.tsx
+3 -2
View File
@@ -14,16 +14,17 @@ type AtaturkWidgetModalProps = {
export function AtaturkWidgetModal({ theme }: AtaturkWidgetModalProps) { export function AtaturkWidgetModal({ theme }: AtaturkWidgetModalProps) {
const [isLoading, setIsLoading] = useState(true); const [isLoading, setIsLoading] = useState(true);
const [isOpen, setIsOpen] = useState(false);
const t = useTranslations("AtaturkWidget"); const t = useTranslations("AtaturkWidget");
const locale = useLocale(); const locale = useLocale();
return ( return (
<Modal> <Modal open={isOpen} onOpenChange={setIsOpen}>
<ModalTrigger asChild> <ModalTrigger asChild>
<button <button
type="button" type="button"
title={t("title")} title={t("title")}
className="fixed bottom-4 left-4 z-50 flex h-14 w-14 items-center justify-center overflow-hidden rounded-full border-2 border-red-600 bg-background shadow-lg transition-transform hover:scale-110 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2" className={`fixed bottom-4 left-4 flex h-14 w-14 items-center justify-center overflow-hidden rounded-full border-2 border-red-600 bg-background shadow-lg transition-transform hover:scale-110 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 ${isOpen ? "z-40" : "z-[80]"}`}
aria-label={t("title")} aria-label={t("title")}
> >
<div className="relative h-full w-full"> <div className="relative h-full w-full">