Merge pull request #3541 from dfinity/fix-icons-pos

Fix icons position
dfinity · Sep 27, 2024 · 964c8ca · 964c8ca
2 parents 04c9255 + 008227a
commit 964c8ca
Show file tree

Hide file tree

Showing 3 changed files with 14 additions and 9 deletions.
diff --git a/src/components/Common/Card/index.tsx b/src/components/Common/Card/index.tsx
@@ -150,7 +150,12 @@ export const ShowcaseCard: React.FC<{
       className="bg-white/90 border overflow-hidden border-white border-solid rounded-xl px-6 py-8  text-black "
       variants={transitions.item}
     >
-      <img src={imgSrc} loading="lazy" alt="" className="w-20 h-20"></img>
+      <img
+        src={imgSrc}
+        loading="lazy"
+        alt=""
+        className="w-20 h-20 ml-0 mr-auto"
+      ></img>
       <h3 className="text-gradient tw-heading-5 mb-2 mt-8 colo">{title}</h3>
       <h4 className="tw-heading-6 ">{subtitle}</h4>
       <p className="tw-lead-sm mb-0 text-black/60">{description}</p>

diff --git a/src/pages/enterprise.tsx b/src/pages/enterprise.tsx
@@ -330,7 +330,7 @@ function EnterprisePage() {
                 <img
                   src="/img/enterprise/development-costs-2.svg"
                   alt=""
-                  className="w-24 md:w-30"
+                  className="w-24 md:w-30 ml-0 mr-auto"
                 />
                 <h3 className="mt-4 md:mt-6 mb-2 tw-heading-5">
                   Secure inter-org workflows
@@ -344,7 +344,7 @@ function EnterprisePage() {
                 <img
                   src="/img/enterprise/digital-identity.svg"
                   alt=""
-                  className="w-24 md:w-30"
+                  className="w-24 md:w-30 ml-0 mr-auto"
                 />
                 <h3 className="mt-4 md:mt-6 mb-2 tw-heading-5">
                   Digital identity layer
@@ -358,7 +358,7 @@ function EnterprisePage() {
                 <img
                   src="/img/enterprise/loyalty-programs.svg"
                   alt=""
-                  className="w-24 md:w-30"
+                  className="w-24 md:w-30 ml-0 mr-auto"
                 />
                 <h3 className="mt-4 md:mt-6 mb-2 tw-heading-5">
                   Tokenized reward programs
@@ -372,7 +372,7 @@ function EnterprisePage() {
                 <img
                   src="/img/enterprise/secure-sharing.svg"
                   alt=""
-                  className="w-24 md:w-30"
+                  className="w-24 md:w-30 ml-0 mr-auto"
                 />
                 <h3 className="mt-4 md:mt-6 mb-2 tw-heading-5">
                   Verifiable credentials
@@ -386,7 +386,7 @@ function EnterprisePage() {
                 <img
                   src="/img/enterprise/ownership.svg"
                   alt=""
-                  className="w-24 md:w-30"
+                  className="w-24 md:w-30 ml-0 mr-auto"
                 />
                 <h3 className="mt-4 md:mt-6 mb-2 tw-heading-5">
                   Simple self-custody
@@ -400,7 +400,7 @@ function EnterprisePage() {
                 <img
                   src="/img/enterprise/supply-chain.svg"
                   alt=""
-                  className="w-24 md:w-30"
+                  className="w-24 md:w-30 ml-0 mr-auto"
                 />
                 <h3 className="mt-4 md:mt-6 mb-2 tw-heading-5">Supply chain</h3>
                 <p className="tw-paragraph mb-0">

diff --git a/src/pages/icp-tokens.tsx b/src/pages/icp-tokens.tsx
@@ -440,7 +440,7 @@ function TokenHolders(): JSX.Element {
                       src="/img/showcase/icdex_logo.webp"
                       loading="lazy"
                       alt=""
-                      className="w-20 h-20"
+                      className="w-20 h-20 ml-0 mr-auto"
                     ></img>
                     <h3 className="tw-heading-5 mb-2 mt-8">ICDex</h3>
                     <p className="tw-lead-sm mb-0 text-black/60">
@@ -458,7 +458,7 @@ function TokenHolders(): JSX.Element {
                       src="/img/showcase/icpswap_logo.webp"
                       loading="lazy"
                       alt=""
-                      className="w-20 h-20"
+                      className="w-20 h-20 ml-0 mr-auto"
                     ></img>
                     <h3 className="tw-heading-5 mb-2 mt-8">ICP.Swap</h3>
                     <p className="tw-lead-sm mb-0 text-black/60">