chore: minor styling change for clipboard modal

This commit is contained in:
Paul Makles 2022-07-06 12:50:38 +01:00
parent 705dcd001b
commit e37140dcd0

View file

@ -11,6 +11,11 @@ export default function Clipboard({ text, ...props }: ModalProps<"clipboard">) {
<Modal <Modal
{...props} {...props}
title={<Text id="app.special.modals.clipboard.unavailable" />} title={<Text id="app.special.modals.clipboard.unavailable" />}
description={
location.protocol !== "https:" ? (
<Text id="app.special.modals.clipboard.https" />
) : undefined
}
actions={[ actions={[
{ {
onClick: noopTrue, onClick: noopTrue,
@ -18,11 +23,6 @@ export default function Clipboard({ text, ...props }: ModalProps<"clipboard">) {
children: <Text id="app.special.modals.actions.close" />, children: <Text id="app.special.modals.actions.close" />,
}, },
]}> ]}>
{location.protocol !== "https:" && (
<p>
<Text id="app.special.modals.clipboard.https" />
</p>
)}
<Text id="app.special.modals.clipboard.copy" />{" "} <Text id="app.special.modals.clipboard.copy" />{" "}
<code style={{ userSelect: "all", wordBreak: "break-all" }}> <code style={{ userSelect: "all", wordBreak: "break-all" }}>
{text} {text}