fix(flags): fix flags on windows (#1776)

Satellite-im · Jan 29, 2024 · 8272b7e · 8272b7e
1 parent 3e9fb9b
commit 8272b7e
Show file tree

Hide file tree

Showing 14 changed files with 51 additions and 2 deletions.
diff --git a/img/AU-flag.png b/img/AU-flag.png
diff --git a/img/BL-flag.png b/img/BL-flag.png
diff --git a/img/BR-flag.png b/img/BR-flag.png
diff --git a/img/DE-flag.png b/img/DE-flag.png
diff --git a/img/IN-flag.png b/img/IN-flag.png
diff --git a/img/IT-flag.png b/img/IT-flag.png
diff --git a/img/JP-flag.png b/img/JP-flag.png
diff --git a/img/MX-flag.png b/img/MX-flag.png
diff --git a/img/PT-flag.png b/img/PT-flag.png
diff --git a/img/UK-flag.png b/img/UK-flag.png
diff --git a/img/UR-flag.png b/img/UR-flag.png
diff --git a/img/USA-flag.png b/img/USA-flag.png
diff --git a/ui/src/components/settings/styles.scss b/ui/src/components/settings/styles.scss
@@ -263,4 +263,10 @@
   right: 0;
   border-radius: 0;
   background: rgba(0, 0, 0, 0.5);
-}
+}
+
+.flags img {
+  width: 30px;
+  height: 25px;
+  margin-right: 5px;
+}
diff --git a/ui/src/components/settings/sub_pages/about.rs b/ui/src/components/settings/sub_pages/about.rs
@@ -230,7 +230,50 @@ pub fn AboutPage(cx: Scope) -> Element {
                 section_description: get_local_text("settings-about.team"),
                 div {
                     class: "flags",
-                    "🇺🇸🇲🇽🇩🇪🇵🇹🇧🇷🇮🇹🇺🇦🇧🇾🇯🇵🇦🇺🇮🇩"
+                    img {
+                        src: "./img/USA-Flag.png",
+                        alt: "USA Flag",
+                    },
+                    img {
+                        src: "./img/MX-Flag.png",
+                        alt: "Mexico Flag",
+                    }
+                    img {
+                        src: "./img/DE-Flag.png",
+                        alt: "Germany Flag",
+                    }
+                    img {
+                        src: "./img/PT-Flag.png",
+                        alt: "Portugal Flag",
+                    }
+                    img {
+                        src: "./img/BR-Flag.png",
+                        alt: "Brazil Flag",
+                    }
+                    img {
+                        src: "./img/IT-Flag.png",
+                        alt: "Italy Flag",
+                    }
+                    img {
+                        src: "./img/UR-Flag.png",
+                        alt: "Ukraine Flag",
+                    }
+                    img {
+                        src: "./img/BL-Flag.png",
+                        alt: "Belarus Flag",
+                    }
+                    img {
+                        src: "./img/JP-Flag.png",
+                        alt: "Japan Flag",
+                    }
+                    img {
+                        src: "./img/AU-Flag.png",
+                        alt: "Australia Flag",
+                    }
+                    img {
+                        src: "./img/IN-Flag.png",
+                        alt: "Indonesia Flag",
+                    }
                 }
             }
         }