fix(EntityCard): notification dot

ynput · Oct 3, 2024 · dcc6b6f · dcc6b6f
1 parent 2c4f85a
commit dcc6b6f
Show file tree

Hide file tree

Showing 7 changed files with 361 additions and 276 deletions.
diff --git a/src/EntityCard/EntityCard.stories.tsx b/src/EntityCard/EntityCard.stories.tsx
@@ -37,7 +37,7 @@ const Template = ({ onActivate, ...props }: TemplateProps) => {
   const [isActive, setIsActive] = useState(false)
   return (
     <div style={{ display: 'flex', gap: 16 }}>
-      <div style={{ width: '100%' }}>
+      <div style={{ width: '100%', maxWidth: 210 }}>
         <EntityCard
           isActive={isActive}
           onActivate={() => {
@@ -167,6 +167,7 @@ const initData: DataProps = {
 export const Default: Story = {
   args: {
     ...initData,
+    notification: { comment: true },
   },
   render: Template,
 }
@@ -182,7 +183,6 @@ export const Loading: Story = {
 export const TaskStatus: Story = {
   args: {
     variant: 'status',
-    notification: undefined,
     disabled: false,
     ...initData,
     isPlayable: false,

diff --git a/src/EntityCard/EntityCard.styled.ts b/src/EntityCard/EntityCard.styled.ts
@@ -22,6 +22,10 @@ const cardHoverStyles = css`
   }
 `
 
+export const Wrapper = styled.div`
+  position: relative;
+`
+
 type CardProps = {
   $statusColor?: string
 }