feat: add white donate icon

qase-tms · Feb 2, 2024 · b30acca · b30acca
1 parent afa6568
commit b30acca
Show file tree

Hide file tree

Showing 4 changed files with 13 additions and 0 deletions.
diff --git a/frontend/src/scss/pages/ui/_index.scss b/frontend/src/scss/pages/ui/_index.scss
@@ -23,5 +23,7 @@
 
 .ui-inverse-block--icons {
   display: flex;
+  gap: 15px;
   background: $inverse-primary-bg-color;
+  padding-left: 5px;
 }
diff --git a/frontend/src/scss/ui/_icon.scss b/frontend/src/scss/ui/_icon.scss
@@ -24,6 +24,10 @@
   }
 }
 
+.white {
+  fill: $white;
+}
+
 .accent {
   fill: $accent-txt-color;
 }

diff --git a/frontend/src/static/styles.css b/frontend/src/static/styles.css
@@ -950,6 +950,10 @@ template {
   height: 28px;
 }
 
+.white {
+  fill: #fff;
+}
+
 .accent {
   fill: #00a9a6;
 }
@@ -1449,5 +1453,7 @@ template {
 
 .ui-inverse-block--icons {
   display: flex;
+  gap: 15px;
   background: #292a35;
+  padding-left: 5px;
 }
diff --git a/frontend/src/templates/pages/ui/index.njk b/frontend/src/templates/pages/ui/index.njk
@@ -62,6 +62,7 @@ UI
       {{ icon(type='email')}}
 
       <div class="ui-inverse-block--icons">
+       {{ icon(type='donate', color='white')}}
 
       {{ icon(type='email', color='accent')}}
       {{ icon(type='email', color='inverse')}}