Skip to content

Commit

Permalink
chore(tabs): change the mode nav to normal
Browse files Browse the repository at this point in the history
  • Loading branch information
nzbin committed Apr 15, 2024
1 parent 2792b6b commit 9a65704
Show file tree
Hide file tree
Showing 2 changed files with 4 additions and 4 deletions.
6 changes: 3 additions & 3 deletions projects/gui/gui-form.html
Original file line number Diff line number Diff line change
Expand Up @@ -98,7 +98,7 @@
<gui-field-label [config]="item"></gui-field-label>
<!-- Show operation buttons after panel opened -->
<ng-container *ngIf="item.expanded">
<button mat-icon-button (click)="changeTabsMode($event, item, 'nav')"
<button mat-icon-button (click)="changeTabsMode($event, item, 'normal')"
[color]="item.mode!=='list'?'primary':''" type="button">
<mat-icon svgIcon="dots_horizontal"></mat-icon>
</button>
Expand All @@ -120,7 +120,7 @@
</mat-expansion-panel-header>
<!-- Lazy rendering -->
<ng-template matExpansionPanelContent>
<!-- Horizontal nav mode -->
<!-- Horizontal mode -->
<mat-tab-group *ngIf="item.mode!=='list'" class="gui-tabs"
[mat-stretch-tabs]="false" disableRipple>
<mat-tab *ngFor="let tab of item.children; index as i" [disabled]="tab.disabled">
Expand All @@ -144,7 +144,7 @@
</mat-tab>
</mat-tab-group>

<!-- Vertical list mode -->
<!-- Vertical mode -->
<div class="gui-list" *ngIf="item.mode==='list'">
<div class="gui-list-item" *ngFor="let tab of item.children; index as i">
<div class="gui-list-item-heading">
Expand Down
2 changes: 1 addition & 1 deletion projects/gui/interface.ts
Original file line number Diff line number Diff line change
Expand Up @@ -24,7 +24,7 @@ export type GuiFillMode = 'flat' | 'gradient' | 'image';

export type GuiSliderMode = 'normal' | 'range';

export type GuiTabsMode = 'nav' | 'list';
export type GuiTabsMode = 'normal' | 'list';

export type GuiBasicValue = boolean | number | string;

Expand Down

0 comments on commit 9a65704

Please sign in to comment.