chore(ds, apps): update styles

AKASHAorg · May 14, 2024 · 2e454a7 · 2e454a7
1 parent 8699882
commit 2e454a7
Show file tree

Hide file tree

Showing 2 changed files with 18 additions and 14 deletions.
diff --git a/extensions/apps/antenna/src/components/reflect-editor/pending-reflect.tsx b/extensions/apps/antenna/src/components/reflect-editor/pending-reflect.tsx
@@ -2,6 +2,7 @@ import React from 'react';
 import Stack from '@akashaorg/design-system-core/lib/components/Stack';
 import ReflectionCard from '@akashaorg/ui-lib-feed/lib/components/cards/reflection-card';
 import { type ReflectEntryData } from '@akashaorg/typings/lib/ui';
+import Divider from '@akashaorg/design-system-core/lib/components/Divider';
 
 export type PendingReflectProps = {
   entryData: ReflectEntryData;
@@ -11,18 +12,21 @@ export function PendingReflect(props: PendingReflectProps) {
   const { entryData } = props;
 
   return (
-    <Stack
-      background={{ light: 'secondaryLight/10', dark: 'secondaryDark/10' }}
-      customStyle="border border(grey8 dark:grey3)"
-      data-testid="pending-reflect"
-    >
-      <ReflectionCard
-        entryData={entryData}
-        contentClickable={false}
-        pending={true}
-        hidePublishTime={true}
-        disableActions={true}
-      />
-    </Stack>
+    <>
+      <Divider />
+      <Stack
+        background={{ light: 'secondaryLight/10', dark: 'secondaryDark/10' }}
+        customStyle="border border(grey8 dark:grey3) -my-2"
+        data-testid="pending-reflect"
+      >
+        <ReflectionCard
+          entryData={entryData}
+          contentClickable={false}
+          pending={true}
+          hidePublishTime={true}
+          disableActions={true}
+        />
+      </Stack>
+    </>
   );
 }
diff --git a/libs/design-system-core/src/components/Divider/index.tsx b/libs/design-system-core/src/components/Divider/index.tsx
@@ -9,7 +9,7 @@ const Divider: React.FC<DividerProps> = ({ customStyle = '' }) => {
   return (
     <hr
       className={tw(
-        apply`rounded-[1.25rem] h-px w-full border-grey8 dark:border-grey5 ${customStyle}`,
+        apply`rounded-[1.25rem] h-px w-full border-grey8 dark:border-grey3 ${customStyle}`,
       )}
     />
   );