fix: page incomplete display when tips show

Postcatlab · Jun 16, 2022 · 4e56140 · 4e56140
1 parent 83a1822
commit 4e56140
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 7 deletions.
diff --git a/src/workbench/browser/src/app/pages/api/api.component.scss b/src/workbench/browser/src/app/pages/api/api.component.scss
@@ -1,5 +1,5 @@
 nz-content {
-  background-color:  var(--MAIN_BG);
+  background-color: var(--MAIN_BG);
 }
 
 nz-sider {
@@ -18,7 +18,7 @@ nz-sider {
   }
   .tabs-bar {
     background-color: var(--SEC_BG);
-        padding: 5px 10px 0 15px;
+    padding: 5px 10px 0 15px;
     display: flex;
     margin-bottom: -1px;
     align-items: center;
@@ -39,11 +39,13 @@ nz-sider {
   eo-api {
     router-outlet + * {
       display: block;
-      height: calc(100vh -  var(--NAVBAR_HEIGHT) - var(--FOOTER_HEIGHT) - 46px);
+      height: calc(100vh - var(--NAVBAR_HEIGHT) - var(--FOOTER_HEIGHT) - var(--remote-notification-height) - 46px);
       overflow: auto;
     }
     .has_tab_page router-outlet + * {
-      height:  calc(100vh - var(--NAVBAR_HEIGHT) - var(--FOOTER_HEIGHT) - 45px - 47px);
+      height: calc(
+        100vh - var(--NAVBAR_HEIGHT) - var(--FOOTER_HEIGHT) - var(--remote-notification-height) - 45px - 47px
+      );
     }
   }
   .method_text_GET {

diff --git a/...rowser/src/app/shared/components/page-feature-preview/page-feature-preview.component.html b/...rowser/src/app/shared/components/page-feature-preview/page-feature-preview.component.html
@@ -1,4 +1,5 @@
-<section class="w-full pt-1/3 flex justify-center h-40 py-20">
+<h1 class="py-20 text-center text-lg">体验插件功能请<b>下载桌面端</b>使用</h1>
+<section class="w-full flex justify-center h-40 py-20">
   <div *ngFor="let item of resourceInfo" class="border mx-8 h-48 flex flex-col justify-center items-center">
     <a [href]="item.link">
       <span class="card text-6xl flex items-center justify-center">

diff --git a/.../browser/src/app/shared/components/page-feature-preview/page-feature-preview.component.ts b/.../browser/src/app/shared/components/page-feature-preview/page-feature-preview.component.ts
@@ -13,14 +13,14 @@ export class PageFeaturePreviewComponent implements OnInit {
       icon: 'windows',
       keyword: 'Setup',
       suffix: 'exe',
-      link: '',
+      link: ''
     },
     {
       id: 'mac',
       name: 'macOS(Intel) 客户端',
       icon: 'apple',
       suffix: 'dmg',
-      link: '',
+      link: ''
     },
     {
       id: 'mac',