fix(GoalAchievmentCriteria): markup changes and beatufy

taskany-inc · Jun 28, 2023 · 2e94bcd · 2e94bcd
1 parent ebaab23
commit 2e94bcd
Show file tree

Hide file tree

Showing 9 changed files with 257 additions and 221 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -29,7 +29,7 @@
     "@sentry/nextjs": "7.50.0",
     "@tanstack/react-query": "4.29.5",
     "@tanstack/react-query-devtools": "4.29.5",
-    "@taskany/bricks": "1.16.0",
+    "@taskany/bricks": "1.16.1",
     "@taskany/colors": "1.1.0",
     "@tippyjs/react": "4.2.6",
     "@trpc/client": "10.23.1",

diff --git a/src/components/ActivityFeed.tsx b/src/components/ActivityFeed.tsx
@@ -6,6 +6,8 @@ export const ActivityFeed = styled.div`
     row-gap: ${gapM};
     padding-top: ${gapL};
     padding-bottom: 250px;
+    position: relative;
+    z-index: 0;
 `;
 
 export const ActivityFeedItem = styled.div`

diff --git a/src/components/Circle.tsx b/src/components/Circle.tsx
@@ -0,0 +1,15 @@
+import styled, { css } from 'styled-components';
+
+interface CircleProps {
+    size: number;
+}
+
+export const Circle = styled.span<CircleProps>`
+    border-radius: 50%;
+    overflow: hidden;
+
+    ${({ size }) => css`
+        width: ${size}px;
+        height: ${size}px;
+    `}
+`;