set opacity to elipsis

XLabs · Nov 23, 2023 · abad4a8 · abad4a8
1 parent 84665d8
commit abad4a8
Showing 1 changed file with 4 additions and 26 deletions.
diff --git a/apps/connect/src/components/atoms/Background.tsx b/apps/connect/src/components/atoms/Background.tsx
@@ -44,17 +44,18 @@ const Glow = styled("div")<GlowProps>(
   })
 );
 
-type ElipsisContainerProps = {
+type ElipsisProps = {
   width: number;
   height: number;
   marginTop: number;
   marginLeft: number;
 };
-const ElipsisContainer = styled("div")<ElipsisContainerProps>(
+
+const Elipsis = styled("div")<ElipsisProps>(
   ({ width, height, marginTop, marginLeft }) => ({
     width,
     height,
-    borderColor: "#FFF",
+    borderColor: "rgb(255, 255, 255, 0.5)",
     borderWidth: "0.5px",
     borderStyle: "solid",
     borderRadius: "50%",
@@ -63,29 +64,6 @@ const ElipsisContainer = styled("div")<ElipsisContainerProps>(
   })
 );
 
-type ElipsisProps = {
-  children?: JSX.Element;
-} & ElipsisContainerProps;
-
-function Elipsis({
-  width,
-  height,
-  marginTop,
-  marginLeft,
-  children,
-}: ElipsisProps) {
-  return (
-    <ElipsisContainer
-      width={width}
-      height={height}
-      marginTop={marginTop}
-      marginLeft={marginLeft}
-    >
-      {children}
-    </ElipsisContainer>
-  );
-}
-
 type FooterProps = {
     left?: string;
     right?: string;