chore: improve timer icon

juanfran · Feb 6, 2025 · f20da22 · f20da22
1 parent a158a6a
commit f20da22
Show file tree

Hide file tree

Showing 5 changed files with 11 additions and 3 deletions.
diff --git a/README.md b/README.md
@@ -43,3 +43,4 @@ Tapiz is built using the following technologies and libraries:
 - [TRPC](https://trpc.io/)
 - [Lucia](https://lucia-auth.com/)
 - [Nx](https://nx.dev/)
+- [Lucide](https://lucide.dev/)
diff --git a/apps/web/src/app/app.component.ts b/apps/web/src/app/app.component.ts
@@ -50,6 +50,7 @@ export class AppComponent {
     'share',
     'add_simple',
     'note',
+    'clock',
   ];
 
   constructor() {

diff --git a/apps/web/src/app/modules/board/components/tools/tools.component.html b/apps/web/src/app/modules/board/components/tools/tools.component.html
@@ -74,7 +74,9 @@
     class="list-item"
     (click)="selectedTimer()">
     <div class="list-name">
-      <mat-icon class="icon">access_time</mat-icon>
+      <mat-icon
+        class="icon"
+        svgIcon="clock"></mat-icon>
       <span>Timer</span>
     </div>
   </button>

diff --git a/apps/web/src/app/modules/board/components/tools/tools.component.scss b/apps/web/src/app/modules/board/components/tools/tools.component.scss
@@ -36,6 +36,7 @@
   }
 
   .icon {
+    color: var(--grey-90);
     fill: var(--grey-90);
   }
 
@@ -49,12 +50,11 @@
     span {
       color: var(--grey-90);
     }
-    
+
     .key {
       color: var(--grey-70);
       background: var(--white);
     }
-
   }
 }
 

diff --git a/apps/web/src/assets/svgs/clock.svg b/apps/web/src/assets/svgs/clock.svg