Fix Bug 69590 - Rooms.Public. Fixed file-password styles

packages/doceditor/src/components/file-password/FilePassword.styled.ts

@@ -43,6 +43,7 @@ export const StyledPage = styled.div`
 
   .logo-wrapper {
     display: block;
+    padding-bottom: 64px;
   }
 
   @media ${mobile} {
@@ -85,6 +86,17 @@ export const StyledPage = styled.div`
     margin-bottom: 32px;
   }
 
+  .public-room_content-wrapper {
+    display: flex;
+    flex-direction: column;
+    -webkit-box-align: center;
+    align-items: center;
+    margin: 0px auto;
+    max-width: 960px;
+    box-sizing: border-box;
+    height: 100%;
+  }
+
   .public-room-content {
     padding-top: 9%;
     justify-content: unset;

packages/doceditor/src/components/file-password/index.tsx

@@ -111,7 +111,7 @@ const FilesPassword = ({ shareKey, title, entryTitle }: FilePasswordProps) => {
 
   return (
     <>
-      <StyledSimpleNav id="login-header">
+      <StyledSimpleNav id="public-room-password-header">
         <Image
           className="logo"
           src={logoUrl}
@@ -122,6 +122,7 @@ const FilesPassword = ({ shareKey, title, entryTitle }: FilePasswordProps) => {
         />
       </StyledSimpleNav>
       <StyledPage>
+        <div className="public-room_content-wrapper">
           <StyledContent className="public-room-content">
             <StyledBody>
               <Image
@@ -129,8 +130,8 @@ const FilesPassword = ({ shareKey, title, entryTitle }: FilePasswordProps) => {
                 src={logoUrl}
                 className="logo-wrapper"
                 alt="icon"
-              width={416}
-              height={200}
+                width={386}
+                height={44}
               />
 
               <FormWrapper>
@@ -203,6 +204,7 @@ const FilesPassword = ({ shareKey, title, entryTitle }: FilePasswordProps) => {
               </FormWrapper>
             </StyledBody>
           </StyledContent>
+        </div>
       </StyledPage>
     </>
   );