test/postcat
1
0
Fork 0
mirror of https://gitee.com/eolink_admin/postcat.git synced 2024-11-30 02:37:57 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

style(api-group): web group layout error

Browse Source
This commit is contained in:
scarqin 2022-08-15 15:26:34 +08:00
parent b072649082
commit 6565d90048
3 changed files with 18 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/workbench/browser/src/app/pages/api/edit/api-edit.component.html
View File

@ -4,7 +4,7 @@
<button type="submit" nz-button nztype="primary" class="eo_theme_btn_success" (click)="saveApi()" i18n>Save</button>
</div>
<form nz-form [formGroup]="validateForm" [nzLayout]="'vertical'">
<nz-form-label nzFor="uri">API Path</nz-form-label>
<nz-form-label class="mt-4" nzFor="uri">API Path</nz-form-label>
<nz-input-group nzCompact>
<nz-select [(ngModel)]="model.protocol" formControlName="protocol">
<nz-option *ngFor="let item of REQUEST_PROTOCOL" [nzLabel]="item.key" [nzValue]="item.value"></nz-option>

26
src/workbench/browser/src/app/pages/api/group/tree/api-group-tree.component.scss
View File

@ -56,17 +56,23 @@
}
}
}
::ng-deep .group_tree {
overflow: hidden auto;
height: calc(100vh - var(--NAVBAR_HEIGHT) - var(--FOOTER_HEIGHT) - 120px);
.ant-tree-indent-unit {
width: 8px;
}
.ant-tree {
.ant-tree-node-content-wrapper {
padding: 0 2px;
width: 0;
::ng-deep {
.group_tree {
overflow: hidden auto;
height: calc(100vh - var(--NAVBAR_HEIGHT) - var(--FOOTER_HEIGHT) - 123px);
.ant-tree-indent-unit {
width: 8px;
}
.ant-tree {
.ant-tree-node-content-wrapper {
padding: 0 2px;
width: 0;
}
}
}
.web-page-body .group_tree{
height: calc(100vh - var(--NAVBAR_HEIGHT) - var(--FOOTER_HEIGHT) - 87px);
}
}
.ant-dropdown-menu {

2
src/workbench/browser/src/app/pages/pages.component.html
View File

@ -1,5 +1,5 @@
<eo-navbar></eo-navbar>
<div class="page-body"
<div class="page-body" [ngClass]="{'web-page-body':!electron.isElectron,'pc-page-body':electron.isElectron}"
[style.--remote-notification-height]="isShowNotification && electron.isElectron ? '50px' : '0px'">
<div *ngIf="!isRemote && isShowNotification && electron.isElectron" class="remote-notification">
<i nz-icon [nzType]="isRemote ? 'cloud' : 'exclamation-circle'" nzTheme="outline" class="text-[13px] mr-[2px]"></i>