@eventusgo/sdk 0.1.4 → 0.1.5
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.
|
@@ -138,7 +138,7 @@ function createLivePreviewHtml(preview, qrSvg) {
|
|
|
138
138
|
return `
|
|
139
139
|
<section aria-label="Eventus live preview handoff" style="margin:24px 0;display:grid;gap:20px;">
|
|
140
140
|
<style>
|
|
141
|
-
.eventus-live-preview{display:grid;gap:20px;}
|
|
141
|
+
.eventus-live-preview{display:grid;gap:20px;padding:clamp(18px,4vw,32px);border-radius:28px;background:rgba(255,255,255,0.92);border:1px solid rgba(16,35,71,0.08);box-shadow:0 24px 80px rgba(38,73,134,0.14);overflow:hidden;}
|
|
142
142
|
.eventus-live-preview__copy{color:#102347;}
|
|
143
143
|
.eventus-live-preview__copy h2{margin:0 0 12px;font-size:1.4rem;line-height:1.2;}
|
|
144
144
|
.eventus-live-preview__copy p{margin:0;color:#465d82;line-height:1.6;}
|
|
@@ -148,11 +148,20 @@ function createLivePreviewHtml(preview, qrSvg) {
|
|
|
148
148
|
.eventus-live-preview__grid dd{margin:6px 0 0;color:#102347;word-break:break-word;}
|
|
149
149
|
.eventus-live-preview__grid code{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:0.9rem;}
|
|
150
150
|
.eventus-live-preview__hint{margin-top:16px !important;color:#465d82 !important;}
|
|
151
|
-
.eventus-live-
|
|
151
|
+
.eventus-live-preview__actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:18px;}
|
|
152
|
+
.eventus-live-preview__link{display:inline-flex;align-items:center;justify-content:center;padding:12px 16px;border-radius:999px;background:#102347;color:#f8fbff !important;font-weight:700;text-decoration:none;box-shadow:0 12px 30px rgba(16,35,71,0.18);}
|
|
153
|
+
.eventus-live-preview__link--secondary{background:rgba(82,137,255,0.1);color:#22548d !important;box-shadow:none;}
|
|
154
|
+
.eventus-live-preview__qr{display:grid;place-items:center;align-self:start;padding:18px;border-radius:24px;background:linear-gradient(180deg,#fefefe 0%,#f3f7ff 100%);border:1px solid rgba(16,35,71,0.08);box-shadow:0 20px 50px rgba(38,73,134,0.14);}
|
|
152
155
|
.eventus-live-preview__qr svg{display:block;width:min(220px,100%);height:auto;}
|
|
153
156
|
.eventus-live-preview__meta{display:none;}
|
|
157
|
+
@media (max-width: 719px){
|
|
158
|
+
.eventus-live-preview__qr{order:-1;justify-self:center;width:min(100%,280px);}
|
|
159
|
+
.eventus-live-preview__grid{grid-template-columns:1fr;}
|
|
160
|
+
.eventus-live-preview__actions > *{flex:1 1 100%;}
|
|
161
|
+
}
|
|
154
162
|
@media (min-width: 720px){
|
|
155
163
|
.eventus-live-preview{grid-template-columns:minmax(0,1.7fr) minmax(220px,0.9fr);align-items:center;}
|
|
164
|
+
.eventus-live-preview__grid{grid-template-columns:repeat(2,minmax(0,1fr));}
|
|
156
165
|
}
|
|
157
166
|
</style>
|
|
158
167
|
<div class="eventus-live-preview">
|
|
@@ -166,6 +175,12 @@ function createLivePreviewHtml(preview, qrSvg) {
|
|
|
166
175
|
${renderPermissions(preview.manifest.permissions)}
|
|
167
176
|
</dl>
|
|
168
177
|
<p class="eventus-live-preview__hint">Your phone and computer must be on the same local network.</p>
|
|
178
|
+
<div class="eventus-live-preview__actions">
|
|
179
|
+
<a class="eventus-live-preview__link" href="${escapeHtml(
|
|
180
|
+
preview.urls.preview
|
|
181
|
+
)}" target="_blank" rel="noreferrer">Open preview URL</a>
|
|
182
|
+
<a class="eventus-live-preview__link eventus-live-preview__link--secondary" href="https://docs.eventusgo.com" target="_blank" rel="noreferrer">Read Eventus docs</a>
|
|
183
|
+
</div>
|
|
169
184
|
</div>
|
|
170
185
|
<div class="eventus-live-preview__qr" aria-label="Eventus live preview QR code">
|
|
171
186
|
${qrSvg}
|
package/dist/index.js
CHANGED
package/dist/react.js
CHANGED