fix payload and description style

apioo · Nov 3, 2024 · b0e3848 · b0e3848
1 parent f31fe19
commit b0e3848
Showing 1 changed file with 7 additions and 5 deletions.
diff --git a/projects/typeschema-angular-editor/src/lib/editor/editor.component.html b/projects/typeschema-angular-editor/src/lib/editor/editor.component.html
@@ -69,7 +69,7 @@
         <code>{{ operation.httpMethod }} {{ operation.httpPath }}</code>
       </div>
       <div class="editor-operation-name font-monospace"><span class="badge text-bg-dark"><span class="codicon codicon-symbol-method"></span></span> {{ operation.name }}</div>
-      <div class="text-secondary editor-operation-description">{{ operation.description }}</div>
+      <div class="text-secondary editor-operation-description mt-2" *ngIf="operation.description">{{ operation.description }}</div>
     </div>
     <div class="card-body">
       <table class="table table-striped" *ngIf="operation.arguments.length > 0 || operation.payload">
@@ -103,16 +103,18 @@
           </td>
         </tr>
         <tr *ngIf="operation.payload">
-          <td>payload</td>
+          <td>
+            <span class="editor-operation-argument-name font-monospace">payload</span>
+          </td>
           <td>
             <span class="badge text-bg-primary">
               <ng-container *ngIf="operation.payloadShape === 'array'">Array&lt;<typeschema-link [type]="operation.payload" [linkable]="isLinkableType(operation.payload)"></typeschema-link>&gt;</ng-container>
               <ng-container *ngIf="operation.payloadShape === 'map'">Map&lt;string, <typeschema-link [type]="operation.payload" [linkable]="isLinkableType(operation.payload)"></typeschema-link>&gt;</ng-container>
               <ng-container *ngIf="operation.payloadShape === 'mime'">{{ operation.payload }}</ng-container>
               <ng-container *ngIf="operation.payloadShape !== 'array' && operation.payloadShape !== 'map' && operation.payloadShape !== 'mime'"><typeschema-link [type]="operation.payload" [linkable]="isLinkableType(operation.payload)"></typeschema-link></ng-container>
             </span>
+            <span class="badge text-bg-secondary ms-1">body</span>
           </td>
-          <td><span class="badge text-bg-secondary">body</span></td>
           <td></td>
         </tr>
         </tbody>
@@ -187,7 +189,7 @@
       <span class="codicon codicon-symbol-structure"></span></span> {{ type.name }}
       <span *ngIf="type.parent" class="float-end"><span class="badge text-bg-primary"><typeschema-link [type]="type.parent" [linkable]="isLinkableType(type.parent)"></typeschema-link></span></span>
     </div>
-    <div class="text-secondary editor-type-description">{{ type.description }}</div>
+    <div class="text-secondary editor-type-description mt-2" *ngIf="type.description">{{ type.description }}</div>
   </div>
   <div class="card-body">
     <div [ngSwitch]="type.type">
@@ -266,7 +268,7 @@
           <tr *ngFor="let property of type.properties; index as propertyIndex">
             <td>
               <div class="editor-type-property-name font-monospace">{{ property.name }}</div>
-              <div class="editor-type-property-description text-secondary">{{ property.description }}</div>
+              <div class="editor-type-property-description text-secondary mt-2" *ngIf="property.description">{{ property.description }}</div>
             </td>
             <td>
               <span class="badge text-bg-primary">{{ property.type }}</span>