From 30672fc1af6fb49c99cde27d9623dd9a3171774c Mon Sep 17 00:00:00 2001
From: Kosta <47947996+dobrodob@users.noreply.github.com>
Date: Thu, 9 May 2024 14:26:16 +0300
Subject: [PATCH] Enlarge profile popup (#462)

Co-authored-by: kvakazyambra <kvakazyambra@gmail.com>
---
 src/components/Nav/ProfilePopup.tsx            | 2 +-
 src/components/_shared/Popup/Popup.module.scss | 6 ++++++
 2 files changed, 7 insertions(+), 1 deletion(-)

diff --git a/src/components/Nav/ProfilePopup.tsx b/src/components/Nav/ProfilePopup.tsx
index 90909bea..f29509cc 100644
--- a/src/components/Nav/ProfilePopup.tsx
+++ b/src/components/Nav/ProfilePopup.tsx
@@ -18,7 +18,7 @@ export const ProfilePopup = (props: ProfilePopupProps) => {
   const { t } = useLocalize()
 
   return (
-    <Popup {...props} horizontalAnchor="right">
+    <Popup {...props} horizontalAnchor="right" popupCssClass={styles.profilePopup}>
       <ul class="nodash">
         <li>
           <a class={styles.action} href={getPagePath(router, 'author', { slug: author().slug })}>
diff --git a/src/components/_shared/Popup/Popup.module.scss b/src/components/_shared/Popup/Popup.module.scss
index 7677a3aa..3ae6d95c 100644
--- a/src/components/_shared/Popup/Popup.module.scss
+++ b/src/components/_shared/Popup/Popup.module.scss
@@ -127,6 +127,12 @@
   }
 }
 
+.profilePopup {
+  @include media-breakpoint-up(sm) {
+    min-width: 22rem;
+  }
+}
+
 // TODO: animation
 // .popup {
 //  opacity: 1;