feat(dashboard): change drawer size

Ahoo-Wang · Apr 18, 2024 · f23dfc7 · f23dfc7
1 parent a70fc51
commit f23dfc7
Show file tree

Hide file tree

Showing 5 changed files with 7 additions and 8 deletions.
diff --git a/cosky-dashboard/src/app/components/authenticated/authenticated.component.ts b/cosky-dashboard/src/app/components/authenticated/authenticated.component.ts
@@ -47,7 +47,7 @@ export class AuthenticatedComponent implements OnInit {
   openChangePwd() {
     const drawerRef = this.drawerService.create<UserChangePwdComponent, {}, string>({
       nzTitle: `Change User:[${this.currentUser.sub}] Password`,
-      nzWidth: '30%',
+      nzWidth: '40vw',
       nzContent: UserChangePwdComponent
     });
     drawerRef.afterOpen.subscribe(() => {

diff --git a/cosky-dashboard/src/app/components/config/config-editor.service.ts b/cosky-dashboard/src/app/components/config/config-editor.service.ts
@@ -37,7 +37,7 @@ export class ConfigEditorService {
     }
     const drawerRef = this.drawerService.create<ConfigEditorComponent, { configId?: string }, string>({
       nzTitle: editorTitle,
-      nzWidth: '880px',
+      nzWidth: '80vw',
       nzContent: ConfigEditorComponent,
       nzContentParams: {
         configId
@@ -58,7 +58,7 @@ export class ConfigEditorService {
 
     const drawerRef = this.drawerService.create<ConfigImporterComponent, {}, string>({
       nzTitle: editorTitle,
-      nzWidth: '40%',
+      nzWidth: '60vw',
       nzContent: ConfigImporterComponent,
       nzContentParams: {}
     });
@@ -75,10 +75,9 @@ export class ConfigEditorService {
   }
 
   openConfigVersionView(configId: string, version: number, rollbackAfter: (result: boolean) => void): void {
-
     const drawerRef = this.drawerService.create<ConfigVersionComponent, { configId: string, version: number }, string>({
       nzTitle: `Config [${configId}] Version [${version}]`,
-      nzWidth: '960px',
+      nzWidth: '80vw',
       nzContent: ConfigVersionComponent,
       nzContentParams: {
         configId,

diff --git a/cosky-dashboard/src/app/components/role/role.component.ts b/cosky-dashboard/src/app/components/role/role.component.ts
@@ -53,7 +53,7 @@ export class RoleComponent implements OnInit {
     const title = role ? `Edit Role [${role.name}]` : 'Add Role';
     const drawerRef = this.drawerService.create<RoleEditorComponent, {}, string>({
       nzTitle: title,
-      nzWidth: '40%',
+      nzWidth: '60vw',
       nzContent: RoleEditorComponent,
       nzContentParams: {
         role

diff --git a/cosky-dashboard/src/app/components/service/instance-editor.service.ts b/cosky-dashboard/src/app/components/service/instance-editor.service.ts
@@ -40,7 +40,7 @@ export class InstanceEditorService {
 
     const drawerRef = this.drawerService.create<InstanceEditorComponent, { instance: ServiceInstanceDto }, string>({
       nzTitle: `Managing service[${serviceId}] instances`,
-      nzWidth: '660px',
+      nzWidth: '60vw',
       nzContent: InstanceEditorComponent,
       nzContentParams: {
         instance: editInstance

diff --git a/cosky-dashboard/src/app/components/user/user.component.ts b/cosky-dashboard/src/app/components/user/user.component.ts
@@ -61,7 +61,7 @@ export class UserComponent implements OnInit {
 
     const drawerRef = this.drawerService.create<UserAddComponent, {}, string>({
       nzTitle: "Add User",
-      nzWidth: '40%',
+      nzWidth: '60vw',
       nzContent: UserAddComponent
     });
     drawerRef.afterOpen.subscribe(() => {