fix: update borderRadius styles for chat iframe to enhance visual consistency
This commit is contained in:
@@ -174,4 +174,5 @@ test("chat iframe layout uses dynamic viewport height for iOS browser chrome", a
|
|||||||
assert.ok(frame)
|
assert.ok(frame)
|
||||||
assert.match(frame.style.height, /100dvh/)
|
assert.match(frame.style.height, /100dvh/)
|
||||||
assert.match(frame.style.maxWidth, /100vw/)
|
assert.match(frame.style.maxWidth, /100vw/)
|
||||||
|
assert.equal(frame.style.borderRadius, "18px")
|
||||||
})
|
})
|
||||||
|
|||||||
@@ -275,7 +275,7 @@ type FrameMessage =
|
|||||||
frame.style.maxWidth = "none"
|
frame.style.maxWidth = "none"
|
||||||
frame.style.height =
|
frame.style.height =
|
||||||
"calc(100dvh - max(12px, env(safe-area-inset-top)) - max(12px, env(safe-area-inset-bottom)))"
|
"calc(100dvh - max(12px, env(safe-area-inset-top)) - max(12px, env(safe-area-inset-bottom)))"
|
||||||
frame.style.borderRadius = "20px"
|
frame.style.borderRadius = "16px"
|
||||||
return
|
return
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -288,7 +288,7 @@ type FrameMessage =
|
|||||||
"calc(100vw - max(12px, env(safe-area-inset-left)) - max(12px, env(safe-area-inset-right)))"
|
"calc(100vw - max(12px, env(safe-area-inset-left)) - max(12px, env(safe-area-inset-right)))"
|
||||||
frame.style.height =
|
frame.style.height =
|
||||||
"min(760px, calc(100dvh - max(104px, calc(88px + env(safe-area-inset-bottom))) - max(12px, env(safe-area-inset-top))))"
|
"min(760px, calc(100dvh - max(104px, calc(88px + env(safe-area-inset-bottom))) - max(12px, env(safe-area-inset-top))))"
|
||||||
frame.style.borderRadius = "24px"
|
frame.style.borderRadius = "18px"
|
||||||
}
|
}
|
||||||
|
|
||||||
function postToFrame(message: FrameMessage) {
|
function postToFrame(message: FrameMessage) {
|
||||||
|
|||||||
Vendored
+1
-1
File diff suppressed because one or more lines are too long
Reference in New Issue
Block a user