fixed rendering issue for ColorPicker by z-index

ProjektAdLer · Jan 20, 2025 · e5590c6 · e5590c6
1 parent dc24d37
commit e5590c6
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/src/Components/Core/Presentation/AvatarEditor/AvatarEditor.tsx b/src/Components/Core/Presentation/AvatarEditor/AvatarEditor.tsx
@@ -114,7 +114,7 @@ export default function AvatarEditor() {
 
         {/* Avatar Preview (Right Side) */}
         <div className="p-4">
-          <AvatarEditorPreview className="relative w-full h-full" />
+          <AvatarEditorPreview className="relative w-full h-full z-10" />
         </div>
       </div>
       <LoadingScreen

diff --git a/src/Components/Core/Presentation/React/GeneralComponents/ColorPicker/ColorPickerModal.tsx b/src/Components/Core/Presentation/React/GeneralComponents/ColorPicker/ColorPickerModal.tsx
@@ -24,7 +24,7 @@ export default function ColorPickerModal({
 }: AdLerUIComponent<Props>) {
   if (!showModal) return null;
   return (
-    <div className="fixed top-0 bottom-0 left-0 right-0 flex items-center justify-center h-full bg-blacktrans">
+    <div className="fixed top-0 bottom-0 left-0 right-0 flex items-center justify-center h-full bg-blacktrans z-10">
       <div className="flex portrait:flex-col items-center justify-center h-full w-full">
         <div className=" z-50 p-4 rounded-lg bg-gradient-to-br from-adlerbggradientfrom to-adlerbggradientto max-w-[95%] max-h-[95%] overflow-hidden flex flex-col text-adlerdarkblue">
           <h1 className="text-2xl font-bold">{title}</h1>