react-email-studio 3.3.0 → 3.3.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.cjs +10 -9
- package/dist/index.cjs.map +1 -1
- package/dist/index.js +10 -9
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -2210,7 +2210,7 @@ function layoutSplitChromeBorder(_C, preview) {
|
|
|
2210
2210
|
};
|
|
2211
2211
|
}
|
|
2212
2212
|
var CONTENT_BLOCK_HOVER_BORDER = "1px dotted rgba(148, 163, 184, 0.5)";
|
|
2213
|
-
var
|
|
2213
|
+
var DROP_HERE_HEIGHT_PX = 45;
|
|
2214
2214
|
function blockLinkCaptureHandler(preview, e) {
|
|
2215
2215
|
if (preview) return;
|
|
2216
2216
|
const t = e.target;
|
|
@@ -2570,7 +2570,7 @@ function NestedRowBlock({
|
|
|
2570
2570
|
style: {
|
|
2571
2571
|
flex: p.ratios?.[ici] ?? 1,
|
|
2572
2572
|
minWidth: 0,
|
|
2573
|
-
minHeight: preview ? void 0 :
|
|
2573
|
+
minHeight: preview ? void 0 : DROP_HERE_HEIGHT_PX,
|
|
2574
2574
|
display: "flex",
|
|
2575
2575
|
flexDirection: "column",
|
|
2576
2576
|
...layoutSplitChromeBorder(C, preview),
|
|
@@ -2800,10 +2800,9 @@ function Cell({
|
|
|
2800
2800
|
onDragLeave: handleDragLeave,
|
|
2801
2801
|
onDrop: handleDrop,
|
|
2802
2802
|
style: {
|
|
2803
|
-
flex: cellEmpty ? 1 : void 0,
|
|
2804
2803
|
display: "flex",
|
|
2805
2804
|
flexDirection: "column",
|
|
2806
|
-
minHeight: preview ? void 0 : cellEmpty ?
|
|
2805
|
+
minHeight: preview ? void 0 : cellEmpty ? DROP_HERE_HEIGHT_PX : 44,
|
|
2807
2806
|
borderRadius: 4,
|
|
2808
2807
|
...preview ? {} : insertAt !== null && !cellEmpty ? { border: `1px dotted ${C.accent}`, background: `${C.accent}0a` } : {},
|
|
2809
2808
|
background: insertAt !== null && !cellEmpty ? `${C.accent}0a` : "transparent",
|
|
@@ -2816,12 +2815,14 @@ function Cell({
|
|
|
2816
2815
|
"div",
|
|
2817
2816
|
{
|
|
2818
2817
|
style: {
|
|
2819
|
-
|
|
2818
|
+
height: DROP_HERE_HEIGHT_PX,
|
|
2819
|
+
minHeight: DROP_HERE_HEIGHT_PX,
|
|
2820
|
+
maxHeight: DROP_HERE_HEIGHT_PX,
|
|
2820
2821
|
display: "flex",
|
|
2821
2822
|
alignItems: "center",
|
|
2822
2823
|
justifyContent: "center",
|
|
2823
|
-
margin:
|
|
2824
|
-
borderRadius:
|
|
2824
|
+
margin: 0,
|
|
2825
|
+
borderRadius: 6,
|
|
2825
2826
|
boxSizing: "border-box",
|
|
2826
2827
|
textAlign: "center",
|
|
2827
2828
|
userSelect: "none",
|
|
@@ -2830,7 +2831,7 @@ function Cell({
|
|
|
2830
2831
|
background: insertAt !== null ? `${C.accent}14` : `${C.canvas}`,
|
|
2831
2832
|
boxShadow: insertAt !== null ? `inset 0 0 0 1px ${C.accent}22` : `inset 0 0 0 1px ${C.border}99`,
|
|
2832
2833
|
color: insertAt !== null ? C.accent2 : C.muted,
|
|
2833
|
-
fontSize:
|
|
2834
|
+
fontSize: 10,
|
|
2834
2835
|
fontWeight: insertAt !== null ? 700 : 500,
|
|
2835
2836
|
letterSpacing: "0.02em"
|
|
2836
2837
|
},
|
|
@@ -2925,7 +2926,7 @@ function LayoutRow({
|
|
|
2925
2926
|
id: editorId ? `${editorId}-col-${row.id}-${ci}` : void 0,
|
|
2926
2927
|
style: {
|
|
2927
2928
|
flex: row.ratios[ci] ?? 1,
|
|
2928
|
-
minHeight: preview ? 50 :
|
|
2929
|
+
minHeight: preview ? 50 : DROP_HERE_HEIGHT_PX,
|
|
2929
2930
|
display: "flex",
|
|
2930
2931
|
flexDirection: "column",
|
|
2931
2932
|
...backgroundLayerStyle(cS),
|