ui💄: ajuster l'opacité et le style du widget (#732)

PapillonApp · Feb 27, 2025 · 5f220ee · 5f220ee
2 parents 24efa02 + bd76dfe
commit 5f220ee
Showing 1 changed file with 3 additions and 2 deletions.
diff --git a/src/components/Home/Widget.tsx b/src/components/Home/Widget.tsx
@@ -47,7 +47,7 @@ const Widget: React.FC<WidgetContainerProps> = ({ widget: DynamicWidget, navigat
     <Reanimated.View
       layout={LinearTransition}
       style={{
-        opacity: loading ? 0.5 : 1,
+        opacity: hidden ? 0 : 1,
         display: hidden ? "none" : "flex",
       }}
       entering={animPapillon(ZoomIn).withInitialValues({ transform: [{ scale: 0.7 }], opacity: 0 })}
@@ -77,7 +77,7 @@ const Widget: React.FC<WidgetContainerProps> = ({ widget: DynamicWidget, navigat
                 justifyContent: "center",
                 alignItems: "center",
                 gap: 10,
-                backgroundColor: colors.card,
+                backgroundColor: colors.card + "CC",
                 zIndex: 100,
                 borderRadius: 17,
                 borderCurve: "continuous",
@@ -98,6 +98,7 @@ const Widget: React.FC<WidgetContainerProps> = ({ widget: DynamicWidget, navigat
               {
                 backgroundColor: theme.dark ? colors.primary + "09" : colors.primary + "11",
                 overflow: "hidden",
+                opacity: loading ? 0 : 1,
               }
             ]}
           >