Shun Miyazawa 2 ani în urmă
părinte
comite
6a709e1a47

+ 1 - 10
apps/app/src/components/PageHeader/PageHeader.module.scss

@@ -1,16 +1,7 @@
 .page-header :global {
-
-  .page-path-header-input {
-    input {
-      padding: 0 4px;
-    }
-  }
-
   .page-title-header-input {
     input {
-      height: 41px;
-      padding: 0 4px;
-      font-size: 30px;
+      font-size: 2rem;
     }
   }
 

+ 10 - 15
apps/app/src/components/PageHeader/PagePathHeader.tsx

@@ -86,12 +86,12 @@ export const PagePathHeader: FC<Props> = (props) => {
     <div
       id="page-path-header"
       className="d-flex"
-      onMouseLeave={() => setButtonShown(false)}
       onMouseEnter={() => setButtonShown(true)}
+      onMouseLeave={() => setButtonShown(false)}
     >
-      {isRenameInputShown
-        ? (
-          <div className="page-path-header-input me-2">
+      <div className="me-2">
+        {isRenameInputShown
+          ? (
             <ClosableTextInput
               useAutosizeInput
               value={editedPagePath}
@@ -101,14 +101,12 @@ export const PagePathHeader: FC<Props> = (props) => {
               onChange={onInputChange}
               validationTarget={ValidationTarget.PAGE}
             />
-          </div>
-        )
-        : (
-          <div className="me-2">
+          )
+          : (
             <PagePathHierarchicalLink linkedPagePath={linkedPagePath} />
-          </div>
-        )
-      }
+          )
+        }
+      </div>
 
       <div className={`page-path-header-buttons d-flex align-items-center ${isButtonsShown ? '' : 'd-none'}`}>
         <button
@@ -128,10 +126,7 @@ export const PagePathHeader: FC<Props> = (props) => {
         </button>
       </div>
 
-      {isOpened
-        && (
-          <PageSelectModal />
-        )}
+      {isOpened && <PageSelectModal />}
     </div>
   );
 };

+ 1 - 1
apps/app/src/components/PageHeader/PageTitleHeader.tsx

@@ -62,7 +62,7 @@ export const PageTitleHeader: FC<Props> = (props) => {
 
   return (
     <div className="d-flex">
-      <div className="me-2">
+      <div className="me-1">
         {isRenameInputShown
           ? (
             <div className="page-title-header-input">