Merge pull request #349 from credebl/minor-css-issues

fix:Endorsement pop-up modal responsiveness
credebl · Oct 16, 2023 · 1df3f07 · 1df3f07
2 parents 53383df + 3aa4776
commit 1df3f07
Show file tree

Hide file tree

Showing 6 changed files with 18 additions and 23 deletions.
diff --git a/src/components/Ecosystem/Dashboard.tsx b/src/components/Ecosystem/Dashboard.tsx
@@ -391,12 +391,12 @@ const Dashboard = () => {
                                             >
                                                 <div>Edit Ecosystem</div>
                                             </Dropdown.Item>
-                                            <Dropdown.Item>
+                                            {/* <Dropdown.Item>
                                                 <div>Enable/Disable Ecosystem</div>
-                                            </Dropdown.Item>
-                                            <Dropdown.Item>
+                                            </Dropdown.Item> */}
+                                            {/* <Dropdown.Item>
                                                 <div>Manual Registration</div>
-                                            </Dropdown.Item>
+                                            </Dropdown.Item> */}
                                         </Dropdown>
                                     ) : (
                                         <svg

diff --git a/src/components/Ecosystem/Endorsement/EndorsementPopup.tsx b/src/components/Ecosystem/Endorsement/EndorsementPopup.tsx
@@ -1,5 +1,5 @@
 import { Button, Modal, Spinner } from 'flowbite-react';
-import { EndorsementStatus } from '../../../common/enums';
+import { EndorsementStatus, EndorsementType } from '../../../common/enums';
 import {
 	ICheckEcosystem,
 	checkEcosystem,
@@ -114,15 +114,17 @@ const EndorsementPopup = (props: {
 	};
 
 	return (
-		<Modal show={props.openModal} onClose={() => {
+		<Modal
+		className='h-full'
+		 show={props.openModal} onClose={() => {
 			props.closeModal()
 			setErrMsg(null)
 		}} size="xl">
 			<Modal.Header>
 				{isEcosystemData?.isEcosystemLead ? (
-					<div>Requested {props.endorsementData?.type}</div>
+					<div>Requested {props.endorsementData?.type === EndorsementType.credDef ? "Credential Definition" : "Schema" }</div>
 				) : (
-					<div>View {props.endorsementData?.type}</div>
+					<div>View {props.endorsementData?.type === EndorsementType.credDef ? "Credential Definition" : "Schema"}</div>
 				)}
 			</Modal.Header>
 			<div className="mt-3 mx-3 -mb-3">

diff --git a/src/components/Resources/Schema/Create.tsx b/src/components/Resources/Schema/Create.tsx
@@ -452,7 +452,7 @@ const CreateSchema = () => {
                                                                                 )}
 
                                                                                 {index === attribute.length - 1 && (
-                                                                                    <div key={element.id} className="sm:w-2.5/3 text-red-600 sm:ml-0 md:ml-0 lg:ml-0">
+                                                                                    <div key={element.id} className="justify-end sm:w-2.5/3 text-red-600 sm:ml-0 md:ml-0 lg:ml-0">
 
                                                                                         <Button
                                                                                             id="addSchemaButton"

diff --git a/src/components/organization/EditOrgdetailsModal.tsx b/src/components/organization/EditOrgdetailsModal.tsx
@@ -136,9 +136,7 @@ const EditOrgdetailsModal = (props: EditOrgdetailsModalProps) => {
         setIsImageEmpty(true)
         return true
     }
-
-
-    const handleImageChange = (event: any): void => {
+      const handleImageChange = (event: any): void => {
         setImgError('')
         const reader = new FileReader()
         const file = event?.target?.files
@@ -268,8 +266,6 @@ const EditOrgdetailsModal = (props: EditOrgdetailsModalProps) => {
                                                     alt="Jese picture"
                                                 />
                                     }
-
-
                                     <div>
                                         <h3 className="mb-1 text-xl font-bold text-gray-900 dark:text-white">
                                             Organization Logo
@@ -320,7 +316,6 @@ const EditOrgdetailsModal = (props: EditOrgdetailsModalProps) => {
 
                             </div>
 
-
                             <div>
                                 <div
                                     className="block mb-2 text-sm font-medium text-gray-900 dark:text-white"
@@ -380,10 +375,7 @@ const EditOrgdetailsModal = (props: EditOrgdetailsModalProps) => {
                                         onChange={() => setIsPublic(false)}
                                         id="private"
                                         name="private"
-                                    />                                   
-                                    <span className="ml-2 text-gray-900 dark:text-white">Private
-                                        <span className="block pl-6 text-gray-500 text-sm">Only the connected organization can see you organization details</span>
-                                    </span>
+                                    /><span className="ml-2 text-gray-900 dark:text-white">Private<span className="block pl-6 text-gray-500 text-sm">Only the connected organization can see your organization details</span></span>
                                 </div>
                                 <div>
                                     <div
@@ -402,12 +394,10 @@ const EditOrgdetailsModal = (props: EditOrgdetailsModalProps) => {
                                         id="public"
                                         name="public"
                                     />
-
                                     <span className="ml-2 text-gray-900 dark:text-white">Public
                                         <span className="block pl-6 text-gray-500 text-sm">Your profile and organization details can be seen by everyone</span></span>
                                 </div>
                             </div>
-
                             <Button type="submit"
                                 isProcessing={loading}
                                 className='mb-2 float-right text-base font-medium text-center text-white bg-primary-700 rounded-lg hover:!bg-primary-800 focus:ring-4 focus:ring-primary-300 sm:w-auto dark:bg-primary-600 dark:hover:bg-primary-700 dark:focus:ring-primary-800'

diff --git a/src/components/organization/invitations/SendInvitationModal.tsx b/src/components/organization/invitations/SendInvitationModal.tsx
@@ -184,7 +184,7 @@ const SendInvitationModal = (props: {
 							onSubmit={formikHandlers.handleSubmit}
 						>
 							<div className="flex items-center justify-between">
-								<div className="w-2/3">
+								<div className="w-full">
 									<div className="block mb-2 text-sm font-medium text-gray-900 dark:text-white">
 										<Label htmlFor="email2" value="Email" />
 										<span className="text-red-500 text-xs">*</span>
@@ -204,7 +204,7 @@ const SendInvitationModal = (props: {
 									)}
 								</div>
 
-								<div className="w-1/3">
+								<div className="">
 									<Button
 										type="submit"
 										className="mt-2 ml-4 text-base font-medium text-center text-white bg-primary-700 hover:!bg-primary-800 rounded-lg hover:bg-primary-800 focus:ring-4 focus:ring-primary-300 sm:w-auto dark:bg-primary-600 dark:hover:bg-primary-700 dark:focus:ring-primary-800"

diff --git a/tailwind.config.cjs b/tailwind.config.cjs
@@ -111,6 +111,9 @@ module.exports = {
 				'100/18rem': 'calc(100vh - 18rem)',
 				'100/25rem': 'calc(100vh - 25rem)'
 			},
+			maxHeight: {
+				'\[90vh\]': 'fit-content !important'
+			},
 			scale: {
 				'103': '1.03',
 			}