fix: vertically center save button

Postcatlab · Aug 15, 2022 · 63c104b · 63c104b
1 parent cbf70fd
commit 63c104b
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 2 deletions.
diff --git a/src/workbench/browser/src/app/pages/api/edit/api-edit.component.html b/src/workbench/browser/src/app/pages/api/edit/api-edit.component.html
@@ -1,8 +1,7 @@
 <eo-message></eo-message>
 <div class="!pt-0 p15">
-  <div class="sticky top-0 z-10 pt-2.5 bg-white">
+  <div class="top-save-bar">
     <button type="submit" nz-button nztype="primary" class="eo_theme_btn_success" (click)="saveApi()" i18n>Save</button>
-    <nz-divider></nz-divider>
   </div>
   <form nz-form [formGroup]="validateForm" [nzLayout]="'vertical'">
     <nz-form-label nzFor="uri">API Path</nz-form-label>

diff --git a/src/workbench/browser/src/app/pages/api/edit/api-edit.component.scss b/src/workbench/browser/src/app/pages/api/edit/api-edit.component.scss
@@ -13,4 +13,8 @@ eo-api-edit-query,
 eo-api-edit-rest {
   display: block;
 }
+.top-save-bar {
+  @apply sticky top-0 z-10 py-2.5 bg-white;
+  border-bottom: 1px solid var(--DIVIDER);
+}