Skip to content

Commit

Permalink
#55 formatter
Browse files Browse the repository at this point in the history
  • Loading branch information
DanielHeckert committed Sep 24, 2024
1 parent 44cbda7 commit 467c1ae
Show file tree
Hide file tree
Showing 2 changed files with 29 additions and 30 deletions.
Original file line number Diff line number Diff line change
Expand Up @@ -3,41 +3,41 @@ <h2 class="bold-2">{{ title }}</h2>
<div class="card">
<span>Options for image export:</span>
<label class="row">
<input
type="checkbox"
[checked]="withTitle | async"
(change)="updateWithTitle($event)"
/>
Add title and description to image
<input
type="checkbox"
[checked]="withTitle | async"
(change)="updateWithTitle($event)"
/>
Add title and description to image
</label>
<label class="row">
<input
type="checkbox"
[checked]="useWhiteBackground | async"
(change)="updateUseWhiteBackground($event)"
/>
Add white background to SVG (default: transparent)
</label>
<div class="row">
<input type="checkbox" [(ngModel)]="isAnimatedSvgExport" />
<span (click)="onExportAnimatedSvg()">Export animated SVG.</span>
@if (isAnimatedSvgExport) {
<span>Animation speed:</span>
<input
class="number-input"
[(ngModel)]="animationSpeed"
[max]="9"
[min]="1"
[maxLength]="1"
oninput="this.value = this.value.replace(/[^1-9]/g, '');"
type="checkbox"
[checked]="useWhiteBackground | async"
(change)="updateUseWhiteBackground($event)"
/>
<span (click)="onExportAnimatedSvg()">seconds</span>
}
</div>
Add white background to SVG (default: transparent)
</label>
<div class="row">
<input type="checkbox" [(ngModel)]="isAnimatedSvgExport" />
<span (click)="onExportAnimatedSvg()">Export animated SVG.</span>
@if (isAnimatedSvgExport) {
<span>Animation speed:</span>
<input
class="number-input"
[(ngModel)]="animationSpeed"
[max]="9"
[min]="1"
[maxLength]="1"
oninput="this.value = this.value.replace(/[^1-9]/g, '');"
/>
<span (click)="onExportAnimatedSvg()">seconds</span>
}
</div>
</div>
</mat-dialog-content>
<br>
<br>
<br />
<br />
<mat-dialog-actions>
<div>
<button mat-flat-button (click)="close()">Cancel</button>
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -24,7 +24,6 @@
outline: none; /* Remove default outline */
border-color: var(--borderGray10); /* Change border color */
box-shadow: 0 0 5px var(--borderGray10); /* Optional: Add a glowing effect */

}

.row {
Expand Down

0 comments on commit 467c1ae

Please sign in to comment.