From b7fc05b0612454e5159bc4386714aa688b915901 Mon Sep 17 00:00:00 2001 From: Petromir Petrov Date: Tue, 13 Aug 2024 12:36:31 +0300 Subject: [PATCH] update: ExtensionInviteCodeModal on mobile --- .../ExtensionInviteCodeModal.module.scss | 42 +++++++++++++++++++ 1 file changed, 42 insertions(+) diff --git a/src/components/Modals/ExtensionInviteCodeModal/ExtensionInviteCodeModal.module.scss b/src/components/Modals/ExtensionInviteCodeModal/ExtensionInviteCodeModal.module.scss index 3d204e3ad..fb65ed97d 100644 --- a/src/components/Modals/ExtensionInviteCodeModal/ExtensionInviteCodeModal.module.scss +++ b/src/components/Modals/ExtensionInviteCodeModal/ExtensionInviteCodeModal.module.scss @@ -251,4 +251,46 @@ $min-modal-height: 34.375rem; right: 0.25rem; } } + + .wrapper { + min-height: 30rem; + } + + .content { + gap: 1rem; + } + .storeWrapper .storeText, + .textWrapper .text { + font-size: 0.75rem; + margin-bottom: 0.5rem; + } + .codeWrapper { + margin-bottom: 0.5rem; + + .codeTitle { + font-size: 0.75rem; + } + .code { + font-size: 1.25rem; + margin-bottom: 0.75rem; + } + .copyButton { + padding: 0.5rem 1rem; + font-size: 0.75rem; + gap: 0.25rem; + + svg { + width: 1rem; + height: 1rem; + } + } + } + .storeWrapper { + .storeText { + margin-bottom: 1rem; + } + .storeLink { + padding: 0.75rem 2.5rem; + } + } }