add header style

littcc · Oct 16, 2018 · d8b5f70 · d8b5f70
1 parent c4ba8ad
commit d8b5f70
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 7 deletions.
diff --git a/src/components/MobilePDFReader/index.less b/src/components/MobilePDFReader/index.less
@@ -2,17 +2,16 @@
 @import './common.less';
 :global{
   .mobile__pdf__container{
-    header {
+    header{
       background-color: #f4f4f4;
-    }
-    header h1 {
       border-bottom: 1px solid #d8d8d8;
       color: #858585;
-      font-size: 23px;
+      font-size: 1rem;
       font-style: italic;
       font-weight: normal;
       overflow: hidden;
-      height:1.5rem;
+      height:2rem;
+      line-height:2rem;
       text-align: center;
       text-overflow: ellipsis;
       white-space: nowrap;
@@ -116,7 +115,7 @@
      position: absolute;
      overflow: auto;
      width: 100%;
-     top: 1.5rem;
+     top: 2.5rem;
      bottom: 1rem;
      left: 0;
      right: 0;

diff --git a/src/components/MobilePDFReader/index.tsx b/src/components/MobilePDFReader/index.tsx
@@ -223,7 +223,7 @@ class MobilePDFReader extends Component<IProps,IStates> {
   public render(){
     const { title } = this.state;
     return <div className='mobile__pdf__container'>
-              <header>
+              <header className="mobile__pdf__container__header">
                  {title}
               </header>
               <div id="viewerContainer" ref={this.container}>