fixed icons and added fluffySonicXL

Metal079 · Oct 14, 2024 · 130ab8e · 130ab8e
1 parent 58f115f
commit 130ab8e
Show file tree

Hide file tree

Showing 5 changed files with 101 additions and 59 deletions.
diff --git a/angular.json b/angular.json
@@ -29,7 +29,8 @@
               "src/styles.css",
               "node_modules/primeng/resources/themes/lara-light-blue/theme.css",
               "node_modules/primeng/resources/primeng.min.css",
-              "node_modules/primeflex/primeflex.css"
+              "node_modules/primeflex/primeflex.css",
+              "node_modules/bootstrap-icons/font/bootstrap-icons.css"
             ],
             "scripts": [],
             "serviceWorker": "ngsw-config.json",
@@ -103,7 +104,8 @@
               "src/styles.css",
               "node_modules/primeng/resources/themes/lara-light-blue/theme.css",
               "node_modules/primeng/resources/primeng.min.css",
-              "node_modules/primeflex/primeflex.css"
+              "node_modules/primeflex/primeflex.css",
+              "node_modules/bootstrap-icons/font/bootstrap-icons.css"
             ],
             "scripts": []
           }

diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -19,6 +19,7 @@
     "@angular/platform-browser-dynamic": "^18.2.0",
     "@angular/router": "^18.2.0",
     "@angular/service-worker": "^18.2.0",
+    "bootstrap-icons": "^1.11.3",
     "exifreader": "^4.23.5",
     "primeflex": "^3.3.1",
     "primeicons": "^7.0.0",

diff --git a/src/app/home/options/options.component.html b/src/app/home/options/options.component.html
@@ -167,6 +167,7 @@ <h5 class="lora-name">{{ loraItem.name }}</h5>
       <option value="fluffySonic">fluffySonic</option>
       <option value="sonicDiffusionXL">sonicDiffusionXL</option>
       <option value="autismMix">autismMix</option>
+      <option value="fluffySonicXL">fluffySonicXL</option>
     </select>
 
     <label for="floatingSelect">Image aspect-ratio</label>
@@ -311,13 +312,13 @@ <h5 class="lora-name">{{ loraItem.name }}</h5>
               <div class="top-left-icon">
                 <i
                   class="fa"
-                  [ngClass]="image.favorite ? 'fa-solid fa-star' : 'fa-regular fa-star'"
+                  [ngClass]="image.favorite ? 'bi bi-star-fill' : 'bi bi-star'"
                   (click)="toggleFavorite(image)"
                   aria-label="Toggle Favorite"
                 ></i>
               </div>
               <div class="top-right-icon">
-                <i class="fa-solid fa-trash" (click)="deleteImage(image)" aria-label="Delete Image"></i>
+                <i class="bi bi-trash" (click)="deleteImage(image)" aria-label="Delete Image"></i>
               </div>
             </div>
             <div class="history-details">
@@ -355,13 +356,13 @@ <h5 class="lora-name">{{ loraItem.name }}</h5>
               <div class="top-left-icon">
                 <i
                   class="fa"
-                  [ngClass]="image.favorite ? 'fa-solid fa-star' : 'fa-regular fa-star'"
+                  [ngClass]="image.favorite ? 'bi bi-star-fill' : 'bi bi-star'"
                   (click)="toggleFavorite(image)"
                   aria-label="Toggle Favorite"
                 ></i>
               </div>
               <div class="top-right-icon">
-                <i class="fa-solid fa-trash" (click)="deleteImage(image)" aria-label="Delete Image"></i>
+                <i class="bi bi-trash" (click)="deleteImage(image)" aria-label="Delete Image"></i>
               </div>
             </div>
             <div class="history-details">

diff --git a/src/app/home/options/options.component.ts b/src/app/home/options/options.component.ts
@@ -37,6 +37,7 @@ export class OptionsComponent implements OnInit {
     "fluffySonic": "SD 1.5",
     "sonicDiffusionXL": "Pony",
     "autismMix": "Pony",
+    "fluffySonicXL": "Pony",
   }
   enableGenerationButton: boolean = true;
   showLoading: boolean = false;