fiz

a0uda · May 11, 2024 · 84f9aff · 84f9aff
1 parent 33e36b5
commit 84f9aff
Show file tree

Hide file tree

Showing 3 changed files with 19 additions and 17 deletions.
diff --git a/Frontend/src/Pages/Community/Community.tsx b/Frontend/src/Pages/Community/Community.tsx
@@ -828,18 +828,17 @@ const Community = () => {
                   </Typography>
                   {/* buttons above the RSB */}
                   <div className='mr-2 flex justify-end items-center gap-2'>
-                    {isModerator ||
-                      (isJoined && (
-                        <Link to={`/${communityNameWithPrefix}/submit`}>
-                          <Button
-                            variant='text'
-                            className='font-bold flex items-center gap-1.5 border border-black'
-                          >
-                            <PlusIcon className='w-6 h-6' />
-                            Create a post
-                          </Button>
-                        </Link>
-                      ))}
+                    {(isModerator || isJoined) && (
+                      <Link to={`/${communityNameWithPrefix}/submit`}>
+                        <Button
+                          variant='text'
+                          className='font-bold flex items-center gap-1.5 border border-black'
+                        >
+                          <PlusIcon className='w-6 h-6' />
+                          Create a post
+                        </Button>
+                      </Link>
+                    )}
                     {!isJoined && !isModerator && (
                       <Button
                         variant='text'

diff --git a/Frontend/src/Pages/Messaging/Compose.tsx b/Frontend/src/Pages/Messaging/Compose.tsx
@@ -114,7 +114,7 @@ const Compose = () => {
               setFrom(e.target.value);
             }}
             // defaultValue={user?.username}
-            className='w-[27rem] p-1 text-lg border-[1px] border-gray-500'
+            className='md:w-[27rem] w-full p-1 text-lg border-[1px] border-gray-500'
           >
             <option value={user?.username}>
               {addPrefixToUsername(user?.username || '', 'user')}
@@ -146,7 +146,7 @@ const Compose = () => {
               setTo(e.target.value);
             }}
             type='text'
-            className='w-[27rem] p-1 text-lg border-[1px] border-gray-500'
+            className='md:w-[27rem] w-full p-1 text-lg border-[1px] border-gray-500'
           />
           {toBool && <p className='text-danger-red text-sm'>{toFeedback}</p>}
         </div>
@@ -158,7 +158,7 @@ const Compose = () => {
               setSubject(e.target.value);
             }}
             type='text'
-            className='w-[27rem] p-1 text-lg border-[1px] border-gray-500'
+            className='md:w-[27rem] w-full p-1 text-lg border-[1px] border-gray-500'
           />
           {subjectBool && (
             <p className='text-danger-red text-sm'>Please Enter a Subject</p>
@@ -171,7 +171,7 @@ const Compose = () => {
             onChange={(e) => {
               setMessage(e.target.value);
             }}
-            className='w-[27rem] min-h-[7rem] p-1 text-lg border-[1px] border-gray-500'
+            className='md:w-[27rem] w-full min-h-[7rem] p-1 text-lg border-[1px] border-gray-500'
           />
           {messageBool && (
             <p className='text-danger-red text-sm'>We Need Something Here</p>

diff --git a/Frontend/src/Pages/Messaging/Containers/ContentContainer.tsx b/Frontend/src/Pages/Messaging/Containers/ContentContainer.tsx
@@ -9,7 +9,10 @@ const ContentContainer = (props: {
   return (
     <div className='bg-[#edeff1] min-h-screen p-5 text-[#373c3f] flex justify-center'>
       {props.length ? (
-        <div className='bg-white w-[60rem]' style={{ height: 'fit-content' }}>
+        <div
+          className='bg-white  md:w-[60rem] w-full'
+          style={{ height: 'fit-content' }}
+        >
           {props.children}
         </div>
       ) : (