feat: fix the padding issues

uiuniversal · Oct 25, 2023 · 16d8b0c · 16d8b0c
1 parent eab4f4f
commit 16d8b0c
Show file tree

Hide file tree

Showing 18 changed files with 39 additions and 66 deletions.
diff --git a/.vscode/settings.json b/.vscode/settings.json
@@ -3,5 +3,9 @@
   "typescript.referencesCodeLens.enabled": true,
   "typescript.implementationsCodeLens.enabled": true,
   "javascript.inlayHints.parameterTypes.enabled": true,
-  "javascript.inlayHints.variableTypes.enabled": true
+  "javascript.inlayHints.variableTypes.enabled": true,
+  "explorer.fileNesting.enabled": true,
+  "explorer.fileNesting.patterns": {
+    "*.ts": "${basename}.spec.ts,${basename}.ts"
+  }
 }
diff --git a/src/app/app.component.html b/src/app/app.component.html
diff --git a/src/app/app.component.scss b/src/app/app.component.scss
diff --git a/src/app/app.component.ts b/src/app/app.component.ts
@@ -1,22 +1,14 @@
 import { Component, ViewChild, inject } from '@angular/core';
 import { NgForOf } from '@angular/common';
 import { RouterOutlet } from '@angular/router';
-import { ContainerComponent } from './container.component';
-import { FlowChildComponent } from './flow-child.component';
-import { FlowComponent } from './flow.component';
-import { FlowOptions } from './flow-interface';
-import { FlowService } from './flow.service';
+import { FlowChildComponent } from './flow/flow-child.component';
+import { FlowComponent } from './flow/flow.component';
+import { FlowOptions } from './flow/flow-interface';
 
 @Component({
   selector: 'app-root',
   standalone: true,
-  imports: [
-    NgForOf,
-    RouterOutlet,
-    FlowComponent,
-    ContainerComponent,
-    FlowChildComponent,
-  ],
+  imports: [NgForOf, RouterOutlet, FlowComponent, FlowChildComponent],
   template: `
     <button (click)="trigger()">Arrange</button>
 
@@ -54,7 +46,36 @@ import { FlowService } from './flow.service';
       </app-flow>
     </div>
   `,
-  styleUrls: ['./app.component.scss'],
+  styles: [
+    `
+      .card {
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        width: 180px;
+        height: 40px;
+        box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3);
+        border-radius: 5px;
+        background-color: white;
+      }
+
+      .doting {
+        --scale: 2;
+        left: 318px;
+        top: 263px;
+        width: calc(5px + (5px * var(--scale)));
+        height: calc(5px + (5px * var(--scale)));
+        position: fixed;
+        background: blue;
+        z-index: 124;
+        pointer-events: none;
+      }
+
+      button {
+        @apply p-1;
+      }
+    `,
+  ],
 })
 export class AppComponent {
   title = 'angular-flow';

diff --git a/src/app/container.component.ts b/src/app/container.component.ts
diff --git a/src/app/arrangements.spec.ts → src/app/flow/arrangements.spec.ts b/src/app/arrangements.spec.ts → src/app/flow/arrangements.spec.ts
diff --git a/src/app/arrangements.ts → src/app/flow/arrangements.ts b/src/app/arrangements.ts → src/app/flow/arrangements.ts
diff --git a/src/app/connections.spec.ts → src/app/flow/connections.spec.ts b/src/app/connections.spec.ts → src/app/flow/connections.spec.ts
diff --git a/src/app/connections.ts → src/app/flow/connections.ts b/src/app/connections.ts → src/app/flow/connections.ts
diff --git a/src/app/flow-child.component.spec.ts → src/app/flow/flow-child.component.spec.ts b/src/app/flow-child.component.spec.ts → src/app/flow/flow-child.component.spec.ts
diff --git a/src/app/flow-child.component.ts → src/app/flow/flow-child.component.ts b/src/app/flow-child.component.ts → src/app/flow/flow-child.component.ts
diff --git a/src/app/flow-interface.ts → src/app/flow/flow-interface.ts b/src/app/flow-interface.ts → src/app/flow/flow-interface.ts
diff --git a/src/app/flow.component.spec.ts → src/app/flow/flow.component.spec.ts b/src/app/flow.component.spec.ts → src/app/flow/flow.component.spec.ts
diff --git a/src/app/flow.component.ts → src/app/flow/flow.component.ts b/src/app/flow.component.ts → src/app/flow/flow.component.ts
diff --git a/src/app/flow.service.spec.ts → src/app/flow/flow.service.spec.ts b/src/app/flow.service.spec.ts → src/app/flow/flow.service.spec.ts
diff --git a/src/app/flow.service.ts → src/app/flow/flow.service.ts b/src/app/flow.service.ts → src/app/flow/flow.service.ts
diff --git a/src/app/svg.spec.ts → src/app/flow/svg.spec.ts b/src/app/svg.spec.ts → src/app/flow/svg.spec.ts
diff --git a/src/app/svg.ts → src/app/flow/svg.ts b/src/app/svg.ts → src/app/flow/svg.ts