From 7376d5383d00be1836b4e68df601153d9487fdb3 Mon Sep 17 00:00:00 2001
From: Peter Zimon <peter.zimon@gmail.com>
Date: Thu, 7 Jul 2022 16:39:27 +0200
Subject: [PATCH] Added min width to context menu

---
 .../components/modals/CommentContextMenu.js   |  2 +-
 apps/comments-ui/tailwind.config.js           | 22 +++++++++++++++++++
 2 files changed, 23 insertions(+), 1 deletion(-)

diff --git a/apps/comments-ui/src/components/modals/CommentContextMenu.js b/apps/comments-ui/src/components/modals/CommentContextMenu.js
index 5e95fa6f01..f4a5b42eda 100644
--- a/apps/comments-ui/src/components/modals/CommentContextMenu.js
+++ b/apps/comments-ui/src/components/modals/CommentContextMenu.js
@@ -30,7 +30,7 @@ class CommentContextMenu extends React.Component {
         const comment = this.props.comment;
 
         return (
-            <div className="bg-white absolute font-sans rounded py-3 px-4 drop-shadow-xl text-sm whitespace-nowrap z-10 dark:bg-zinc-900 dark:text-white">
+            <div className="min-w-[170px] bg-white absolute font-sans rounded py-3 px-4 shadow-lg text-sm whitespace-nowrap z-10 dark:bg-zinc-900 dark:text-white">
                 {this.isAuthor && comment.status === 'published' ? <AuthorContextMenu comment={comment} close={this.close} toggleEdit={this.props.toggleEdit} /> : (this.isAdmin ? <AdminContextMenu comment={comment} close={this.close}/> : <NotAuthorContextMenu comment={comment} close={this.close}/>)}
             </div>
         );
diff --git a/apps/comments-ui/tailwind.config.js b/apps/comments-ui/tailwind.config.js
index ef755bd37c..17a44f2edf 100644
--- a/apps/comments-ui/tailwind.config.js
+++ b/apps/comments-ui/tailwind.config.js
@@ -67,6 +67,28 @@ module.exports = {
             fit: 'fit-content',
             prose: '65ch'
         },
+        minWidth: {
+            none: 'none',
+            0: '0rem',
+            xs: '32rem',
+            sm: '38.4rem',
+            md: '44.8rem',
+            lg: '51.2rem',
+            xl: '57.6rem',
+            '2xl': '67.2rem',
+            '3xl': '76.8rem',
+            '4xl': '89.6rem',
+            '5xl': '102.4rem',
+            '6xl': '115.2rem',
+            '7xl': '128rem',
+            '8xl': '140rem',
+            '9xl': '156rem',
+            full: '100%',
+            min: 'min-content',
+            max: 'max-content',
+            fit: 'fit-content',
+            prose: '65ch'
+        },
         borderRadius: {
             sm: '0.2rem',
             DEFAULT: '0.4rem',