Merge pull request #1772 from visuddhinanda/agile

🔥 backgroundColor in SentEdit Card

dashboard/src/components/template/ParaShell.tsx

@@ -46,10 +46,12 @@ const ParaShellCtl = ({
       style={{
         border: isFocus
           ? "2px solid #e35f00bd "
-          : "2px solid rgba(0, 107, 255, 0.4)",
+          : "2px solid rgba(0, 107, 255, 0.3)",
         borderRadius: 6,
         marginTop: 20,
         paddingTop: 16,
+        paddingLeft: 4,
+        paddingRight: 4,
       }}
     >
       <div

dashboard/src/components/template/QuoteLink.tsx

@@ -12,6 +12,7 @@ interface IWidgetQuoteLinkCtl {
   book?: number;
   para?: number;
   term?: IWidgetTermCtl;
+  title?: string;
 }
 const QuoteLinkCtl = ({
   type,
@@ -23,20 +24,22 @@ const QuoteLinkCtl = ({
   book,
   para,
   term,
+  title,
 }: IWidgetQuoteLinkCtl) => {
-  const abbr = bookNameLocal
-    ? bookNameLocal
-    : _bookName.find((value) => value.term === bookName)?.abbr;
   let textShow = ` ${volume}.${page}`;
 
   return (
     <>
       <ArticleCtl
         title={
-          <>
-            <TermCtl {...term} compact={true} />
-            {textShow}
-          </>
+          title ? (
+            title
+          ) : (
+            <>
+              <TermCtl {...term} compact={true} />
+              {textShow}
+            </>
+          )
         }
         type={"page"}
         focus={book && para ? `${book}-${para}` : undefined}

dashboard/src/components/template/SentEdit.tsx

@@ -132,7 +132,7 @@ export const SentEditInner = ({
         border: "2px solid rgb(128 128 128 / 30%)",
         marginTop: 4,
         borderRadius: 6,
-        backgroundColor: "rgb(245 245 245)",
+        backgroundColor: "rgb(255 255 255 / 8%)",
       }}
       size="small"
     >