More icon updates

btcpayserver · Apr 18, 2024 · 5acc2cd · 5acc2cd
1 parent 480c8f8
commit 5acc2cd
Show file tree

Hide file tree

Showing 5 changed files with 33 additions and 16 deletions.
diff --git a/src/bootstrap/_customizations.css b/src/bootstrap/_customizations.css
@@ -162,7 +162,19 @@ ul:not([class]) li {
   padding: 1rem;
 }
 
+/* Icons */
+.icon {
+    display: inline-block;
+    width: var(--icon-size, 1rem);
+    height: var(--icon-size, 1rem);
+    flex-shrink: 0 !important;
+}
+
 /* Button */
+.btn .icon {
+  --icon-size: 1.25em;
+}
+
 .btn-outline-secondary {
   --btcpay-btn-color: var(--btcpay-secondary-text);
 }
@@ -176,12 +188,6 @@ ul:not([class]) li {
   --btcpay-btn-color: var(--btcpay-secondary-text-active);
 }
 
-.btn .icon {
-  --btn-icon-size: 1.25em;
-  height: var(--btn-icon-size);
-  width: var(--btn-icon-size);
-}
-
 .btn.rounded-circle {
   display: inline-flex;
   align-items: center;
@@ -205,8 +211,8 @@ ul:not([class]) li {
   position: relative;
   top: -0.4rem;
   display: inline-block;
-  width: 1rem;
-  height: 1rem;
+  width: var(--icon-size, 1rem);
+  height: var(--icon-size, 1rem);
 }
 
 .dropdown-toggle-split {

diff --git a/src/design/icons.js b/src/design/icons.js
@@ -38,6 +38,7 @@ module.exports = [
   { id: 'nav-account', category: 'nav' },
   { id: 'nav-back', category: 'nav' },
   { id: 'nav-close', category: 'nav' },
+  { id: 'nav-contact', category: 'nav' },
   { id: 'nav-crowdfund', category: 'nav' },
   { id: 'nav-dashboard', category: 'nav' },
   { id: 'nav-explore', category: 'nav' },

diff --git a/src/icons/nav/contact.svg b/src/icons/nav/contact.svg
diff --git a/src/static/styles/btcpayserver-bootstrap.css b/src/static/styles/btcpayserver-bootstrap.css
@@ -12298,7 +12298,19 @@ ul:not([class]) li {
   padding: 1rem;
 }
 
+/* Icons */
+.icon {
+    display: inline-block;
+    width: var(--icon-size, 1rem);
+    height: var(--icon-size, 1rem);
+    flex-shrink: 0 !important;
+}
+
 /* Button */
+.btn .icon {
+  --icon-size: 1.25em;
+}
+
 .btn-outline-secondary {
   --btcpay-btn-color: var(--btcpay-secondary-text);
 }
@@ -12312,12 +12324,6 @@ ul:not([class]) li {
   --btcpay-btn-color: var(--btcpay-secondary-text-active);
 }
 
-.btn .icon {
-  --btn-icon-size: 1.25em;
-  height: var(--btn-icon-size);
-  width: var(--btn-icon-size);
-}
-
 .btn.rounded-circle {
   display: inline-flex;
   align-items: center;
@@ -12341,8 +12347,8 @@ ul:not([class]) li {
   position: relative;
   top: -0.4rem;
   display: inline-block;
-  width: 1rem;
-  height: 1rem;
+  width: var(--icon-size, 1rem);
+  height: var(--icon-size, 1rem);
 }
 
 .dropdown-toggle-split {

diff --git a/src/static/svg/icons.svg b/src/static/svg/icons.svg