diff --git a/apps/repl/app/components/limber/share.css b/apps/repl/app/components/limber/share.css index 5588b4b83..c1de8976b 100644 --- a/apps/repl/app/components/limber/share.css +++ b/apps/repl/app/components/limber/share.css @@ -68,10 +68,21 @@ button[data-share-button] { } } dialog.preem { - border-radius: 0.25rem; + width: 100dvw; + background: transparent; + display: flex; + justify-content: center; + overflow: hidden; + animation: var(--animation-slide-in-up), var(--animation-fade-in); animation-timing-function: var(--ease-out-5); animation-duration: 0.2s; + + > .modal-facade { + background: white; + border-radius: 0.25rem; + width: max-content; + } } dialog.preem::backdrop { backdrop-filter: blur(1px); diff --git a/apps/repl/app/components/limber/share.gts b/apps/repl/app/components/limber/share.gts index 7311b8786..3bd0e6de2 100644 --- a/apps/repl/app/components/limber/share.gts +++ b/apps/repl/app/components/limber/share.gts @@ -33,8 +33,12 @@ export const Share =