a tool for shared writing and social publishing
fix url(/undefined) bg-images
+16
-6
+4
-2
components/Blocks/PageLinkBlock.tsx
+4
-2
components/Blocks/PageLinkBlock.tsx
···
31
31
<div
32
32
className={`w-full cursor-pointer
33
33
pageLinkBlockWrapper relative group/pageLinkBlock
34
-
bg-bg-page shadow-sm
34
+
bg-bg-page shadow-sm
35
35
flex overflow-clip
36
36
${isSelected ? "block-border-selected " : "block-border"}
37
37
${isOpen && "!border-tertiary"}
···
164
164
pointer-events-none
165
165
`}
166
166
style={{
167
-
backgroundImage: `url(${cardBackgroundImage?.data.src}), url(${cardBackgroundImage?.data.fallback})`,
167
+
backgroundImage: cardBackgroundImage
168
+
? `url(${cardBackgroundImage.data.src}), url(${cardBackgroundImage.data.fallback})`
169
+
: undefined,
168
170
backgroundRepeat: cardBackgroundImageRepeat
169
171
? "repeat"
170
172
: "no-repeat",
+3
-1
components/Canvas.tsx
+3
-1
components/Canvas.tsx
···
441
441
<div
442
442
className="w-full h-full pointer-events-none"
443
443
style={{
444
-
backgroundImage: `url(${cardBackgroundImage?.data.src}), url(${cardBackgroundImage?.data.fallback})`,
444
+
backgroundImage: cardBackgroundImage
445
+
? `url(${cardBackgroundImage.data.src}), url(${cardBackgroundImage.data.fallback})`
446
+
: undefined,
445
447
backgroundRepeat: "repeat",
446
448
backgroundPosition: "center",
447
449
backgroundSize: cardBackgroundImageRepeat?.data.value || 500,
+3
-1
components/Pages/index.tsx
+3
-1
components/Pages/index.tsx
···
221
221
${isFocused ? " border-border" : "border-border-light"}
222
222
`}
223
223
style={{
224
-
backgroundImage: `url(${cardBackgroundImage?.data.src}), url(${cardBackgroundImage?.data.fallback})`,
224
+
backgroundImage: cardBackgroundImage
225
+
? `url(${cardBackgroundImage.data.src}), url(${cardBackgroundImage.data.fallback})`
226
+
: undefined,
225
227
backgroundRepeat: cardBackgroundImageRepeat ? "repeat" : "no-repeat",
226
228
backgroundPosition: "center",
227
229
backgroundSize: !cardBackgroundImageRepeat
+6
-2
components/ThemeManager/PageThemeSetter.tsx
+6
-2
components/ThemeManager/PageThemeSetter.tsx
···
81
81
<div
82
82
className="pageThemeSetterContent bg-bg-leaflet w-80 p-3 pb-0 flex flex-col gap-2 rounded-md -mb-1"
83
83
style={{
84
-
backgroundImage: `url(${leafletBGImage?.data.src})`,
84
+
backgroundImage: leafletBGImage
85
+
? `url(${leafletBGImage.data.src})`
86
+
: undefined,
85
87
backgroundPosition: "center",
86
88
backgroundRepeat: leafletBGRepeat ? "repeat" : "no-repeat",
87
89
backgroundSize: !leafletBGRepeat
···
191
193
<div
192
194
className="background absolute top-0 right-0 bottom-0 left-0 z-0 rounded-t-lg"
193
195
style={{
194
-
backgroundImage: `url(${pageBGImage?.data.src})`,
196
+
backgroundImage: pageBGImage
197
+
? `url(${pageBGImage.data.src})`
198
+
: undefined,
195
199
196
200
backgroundRepeat: pageBGRepeat ? "repeat" : "no-repeat",
197
201
opacity: pageBGOpacity?.data.value || 1,