fixes extra space in parentDiv

PalisadoesFoundation · Aug 2, 2024 · 3b72778 · 3b72778
1 parent 43316fc
commit 3b72778
Show file tree

Hide file tree

Showing 7 changed files with 73 additions and 70 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/src/components/ProfileDropdown/ProfileDropdown.module.css b/src/components/ProfileDropdown/ProfileDropdown.module.css
@@ -2,13 +2,18 @@
   border: none;
   padding: 2.1rem 0.5rem;
   height: 52px;
+  width: 15vw;
   border-radius: 8px 0px 0px 8px;
   display: flex;
+  position: absolute;
   align-items: center;
+  top: 5vh;
+  right: 5vw;
   background-color: white !important;
   box-shadow:
     0 4px 4px 0 rgba(177, 177, 177, 0.2),
     0 6px 44px 0 rgba(246, 246, 246, 0.19);
+  z-index: 1000;
 }
 .profileContainer:focus {
   outline: none;
@@ -40,7 +45,7 @@
   font-weight: 600;
   overflow: hidden;
   display: -webkit-box;
-  -webkit-line-clamp: 2; /* number of lines to show */
+  -webkit-line-clamp: 2;
   -webkit-box-orient: vertical;
   word-wrap: break-word;
   white-space: normal;
@@ -60,10 +65,18 @@
   background-color: transparent !important;
 }
 .dropdownToggle {
+  height: 7.7vh;
+  position: absolute;
+  top: 5vh;
+  right: 2.7vw;
+  box-shadow:
+    0 4px 4px 0 rgba(177, 177, 177, 0.2),
+    0 6px 44px 0 rgba(246, 246, 246, 0.19);
   background-image: url(/public/images/svg/angleDown.svg);
   background-repeat: no-repeat;
   background-position: center;
-  background-color: azure;
+  background-color: white !important;
+  z-index: 1000;
 }
 
 .dropdownToggle::after {

diff --git a/src/screens/LoginPage/LoginPage.tsx b/src/screens/LoginPage/LoginPage.tsx
@@ -62,7 +62,7 @@ const loginPage = (): JSX.Element => {
 
   const [recaptchaToken, setRecaptchaToken] = useState<string | null>(null);
   const [showTab, setShowTab] = useState<'LOGIN' | 'REGISTER'>('LOGIN');
-  const [role, setRole] = useState<'admin' | 'user'>('admin');
+  const [role, setRole] = useState<'admin' | 'user'>();
   const [componentLoader, setComponentLoader] = useState(true);
   const [isInputFocused, setIsInputFocused] = useState(false);
   const [signformState, setSignFormState] = useState({

diff --git a/src/screens/UserPortal/Events/Events.module.css b/src/screens/UserPortal/Events/Events.module.css
@@ -14,14 +14,9 @@
   max-width: 800px;
 }
 
-.colorLight {
-  background-color: #f1f3f6;
-}
-
 .mainContainer {
   width: 50%;
   flex-grow: 3;
-  padding: 20px;
   max-height: 100%;
   overflow: auto;
 }

diff --git a/src/screens/UserPortal/People/People.module.css b/src/screens/UserPortal/People/People.module.css
@@ -47,14 +47,9 @@
   max-width: 600px;
 }
 
-.colorLight {
-  background-color: #f5f5f5;
-}
-
 .mainContainer {
   width: 50%;
   flex-grow: 3;
-  padding: 40px;
   max-height: 100%;
   overflow: auto;
 }

diff --git a/src/screens/UserPortal/Posts/Posts.module.css b/src/screens/UserPortal/Posts/Posts.module.css
@@ -13,7 +13,6 @@
 .mainContainer {
   width: 50%;
   flex-grow: 3;
-  padding: 1rem;
   max-height: 100%;
   overflow-y: auto;
   overflow-x: hidden;

diff --git a/src/screens/UserPortal/UserScreen/UserScreen.module.css b/src/screens/UserPortal/UserScreen/UserScreen.module.css
@@ -1,8 +1,9 @@
 .pageContainer {
   display: flex;
   flex-direction: column;
+  position: relative;
   min-height: 100vh;
-  padding: 1rem 1.5rem 0 calc(300px + 2rem + 1.5rem);
+  padding: 0rem 1.5rem 0rem calc(300px + 2rem + 1.5rem);
 }
 
 .expand {
@@ -45,7 +46,7 @@
   font-weight: 600;
   overflow: hidden;
   display: -webkit-box;
-  -webkit-line-clamp: 2; /* number of lines to show */
+  -webkit-line-clamp: 2;
   -webkit-box-orient: vertical;
   word-wrap: break-word;
   white-space: normal;