style: project info style

src/workbench/browser/src/app/layouts/navbar/get-share-link.component.ts

@@ -34,15 +34,15 @@ import { DataSourceService } from '../../shared/services/data-source/data-source
         </p>
         <div class="flex items-center">
           <nz-spin *ngIf="!link" class="flex-1 mt-[10px]"></nz-spin>
-          <ng-container *ngIf="link">
-            <span class="truncate flex-1">
-              {{ link }}
-            </span>
-            <button eo-ng-button nzType="text" trace traceID="copy_share_link" (click)="handleCopy()"
-              ><eo-iconpark-icon name="copy"></eo-iconpark-icon
-            ></button>
-          </ng-container>
         </div>
+        <ng-container *ngIf="link">
+          <p nz-typography nzCopyable nzEllipsis [nzCopyText]="link" [nzCopyIcons]="[copedIcon, copedIcon]">
+            {{ link }}
+          </p>
+          <ng-template #copedIcon>
+            <button eo-ng-button nzType="text"><eo-iconpark-icon name="copy"></eo-iconpark-icon></button>
+          </ng-template>
+        </ng-container>
       </div>
     </ng-template>
   `

src/workbench/browser/src/app/layouts/navbar/navbar.component.ts

@@ -9,7 +9,6 @@ import { distinct } from 'rxjs/operators';
 import { ElectronService } from '../../core/services';
 import { ThemeService } from '../../core/services/theme/theme.service';
 import { SettingService } from '../../modules/system-setting/settings.service';
-import { ModalService } from '../../shared/services/modal.service';
 @Component({
   selector: 'eo-navbar',
   templateUrl: './navbar.component.html',

src/workbench/browser/src/app/pages/workspace/overview/edit/workspace-edit.component.ts

@@ -18,7 +18,7 @@ import { StoreService } from '../../../../shared/store/state.service';
             i18n-nzErrorTip
             nzErrorTip="Please input your new workspace name"
           >
-            <div class="flex">
+            <div class="flex items-center">
               <input
                 *ngIf="isEdit"
                 type="text"
@@ -30,7 +30,7 @@ import { StoreService } from '../../../../shared/store/state.service';
                 (blur)="save()"
               />
               <ng-container *ngIf="!isEdit">
-                <h4 nz-typography>{{ validateForm.value?.title }}</h4>
+                <h4 nz-typography class="!mb-[0px]">{{ validateForm.value?.title }}</h4>
                 <span nz-button nzType="link" class="ml-[5px] cursor-pointer" (click)="startEdit()">
                   <eo-iconpark-icon name="edit"></eo-iconpark-icon>
                 </span>

src/workbench/browser/src/app/pages/workspace/project/setting/project-setting.component.html

@@ -8,7 +8,7 @@
             i18n-nzErrorTip
             nzErrorTip="Please input your projectName"
           >
-            <div class="flex">
+            <div class="flex items-center">
               <input
                 *ngIf="isEdit"
                 eo-ng-input
@@ -19,7 +19,7 @@
                 [(ngModel)]="projectName"
               />
               <ng-container *ngIf="!isEdit">
-                <h4 nz-typography>{{ projectName }}</h4>
+                <h4 nz-typography class="!mb-[0px]">{{ projectName }}</h4>
                 <span nz-button nzType="link" class="ml-[5px] cursor-pointer" (click)="startEditProjectName()">
                   <eo-iconpark-icon name="edit"></eo-iconpark-icon>
                 </span>

src/workbench/browser/src/app/pages/workspace/project/setting/project-setting.component.scss

@@ -1,4 +1,6 @@
 ::ng-deep .project-info-tooltip {
+  padding: 15px;
+
   .ant-tooltip-arrow-content::before {
     background: linear-gradient(to right bottom, var(--background-color), var(--background-color));
     background-repeat: no-repeat;
@@ -7,6 +9,6 @@
 
   .ant-tooltip-inner {
     background-color: var(--background-color);
-    width: 260px;
+    padding: 15px;
   }
 }