qt-ui-kit 1.0.61 → 1.0.63

package/dist/index.js

@@ -15254,12 +15254,12 @@ function SenderSourceRow({
   shrunk,
   date
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "flex w-full place-content-between text-neutral-1 text-[14px] leading-[130%] flex-nowrap", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "flex w-full place-content-between text-neutral-1 text-[14px] leading-[130%] ", children: [
     /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "flex gap-[4px] place-items-center", children: [
       /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: "body-small-bold line-clamp-1", children: leftText }),
       /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: "body-smal text-center", children: seperator }),
       /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: "body-small-bold text-center line-clamp-1", children: rightText }),
-      /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: "label-3 flex flex-nowrap", children: date && formatCustomRelative(date) })
+      /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: "label-3 flex", children: date && formatCustomRelative(date) })
     ] }),
     /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { onClick, children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(ExternalLink, { size: shrunk ? 16 : 24 }) })
   ] });
@@ -15723,7 +15723,7 @@ function PreviewCard({
     "div",
     {
       className: (0, import_clsx4.default)(
-        "flex gap-4 h-min w-[459px] bg-neutral-6 rounded-3xl p-4 border-[2px] preview-card-shadow",
+        " flex gap-4 h-min w-[409px] bg-neutral-6 rounded-3xl p-4 border-[2px] preview-card-shadow",
         selected ? "bg-qtpurple-200 border-qtpurple-200" : "",
         !read ? "border-qtpurple-500" : "border-neutral-6"
       ),
@@ -15753,32 +15753,26 @@ function PreviewCard({
             }
           )
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
-          "div",
-          {
-            className: "flex flex-col gap-2 w-full\n      \n      ",
-            children: [
-              /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: "flex flex-col w-full gap-1", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
-                  SenderSourceRow,
-                  {
-                    leftText: sender,
-                    seperator: "via",
-                    rightText: source,
-                    date,
-                    onClick: onClickGoToSource
-                  }
-                ),
-                subjectLine && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(SubjectLineRow, { text: subjectLine }),
-                /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(MetadataRow, { metadata })
-              ] }),
-              body && /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: "bg-white flex flex-col max-w-full w-full gap-2 wrap-anywhere rounded-2xl text-sm p-4 leading-[120%] font-normal", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("p", { className: "line-clamp-4", children: body }),
-                /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(ThumbGroup, {})
-              ] })
-            ]
-          }
-        )
+        /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: "flex flex-col gap-2 grow ", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: "flex flex-col grow gap-1 ", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+              SenderSourceRow,
+              {
+                leftText: sender,
+                seperator: "via",
+                rightText: source,
+                date,
+                onClick: onClickGoToSource
+              }
+            ),
+            subjectLine && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(SubjectLineRow, { text: subjectLine }),
+            /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(MetadataRow, { metadata })
+          ] }),
+          body && /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: "bg-white flex flex-col max-w-full w-full gap-2 wrap-anywhere rounded-2xl text-sm p-4 leading-[120%] font-normal", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("p", { className: "line-clamp-4", children: body }),
+            /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(ThumbGroup, {})
+          ] })
+        ] })
       ]
     }
   );