GitHub icon added to nav header

elsiehupp · Jul 3, 2021 · 115f969 · 115f969
1 parent c437a57
commit 115f969
Show file tree

Hide file tree

Showing 3 changed files with 16 additions and 4 deletions.
diff --git a/website/macos-big-sur-icons/src/assets/icons/github.svg b/website/macos-big-sur-icons/src/assets/icons/github.svg
diff --git a/website/macos-big-sur-icons/src/components/Header.vue b/website/macos-big-sur-icons/src/components/Header.vue
@@ -139,6 +139,9 @@
                             <a href="https://discord.gg/f4mTRyyTkT" class="p-l-20" target="_blank" rel="noopener">
                                 <img :src="icons.discord" class="header-item header-icon" alt="Discord Logo">
                             </a>
+                            <a href="https://github.com/elrumo/macOS_Big_Sur_icons_replacements" class="p-l-20" target="_blank" rel="noopener">
+                                <img :src="icons.github" class="header-item header-icon" alt="GitHub Logo">
+                            </a>
                         </div>
 
                     </div>
@@ -152,10 +155,13 @@
                     <!-- Twitter + Discord -->
                     <div class="header-icon-wrapper">
                         <a href="https://twitter.com/elrumo" class="" target="_blank" rel="noopener">
-                            <img :src="icons.twitter" class="header-item header-icon" alt="Twitter logo">
+                            <img style="height: 17px;" :src="icons.twitter" class="header-item header-icon" alt="Twitter logo">
                         </a>
                         <a href="https://discord.gg/f4mTRyyTkT" class="p-l-20" target="_blank" rel="noopener">
-                            <img :src="icons.discord" class="header-item header-icon" alt="Discord Logo">
+                            <img style="height: 17px;" :src="icons.discord" class="header-item header-icon" alt="Discord Logo">
+                        </a>
+                        <a href="https://github.com/elrumo/macOS_Big_Sur_icons_replacements" class="p-l-20" target="_blank" rel="noopener">
+                            <img :src="icons.github" class="header-item header-icon" alt="GitHub Logo">
                         </a>
                     </div>
 
@@ -280,6 +286,7 @@ export default {
             icons:{
                 twitter: require("../assets/icons/twitter.svg"),
                 discord: require("../assets/icons/Discord.svg"),
+                github: require("../assets/icons/github.svg"),
                 burgerMenu: require("../assets/icons/burgerMenu.svg"),
                 settings: require("../assets/icons/Settings.svg"),
 

diff --git a/website/macos-big-sur-icons/src/components/app.less b/website/macos-big-sur-icons/src/components/app.less
@@ -173,15 +173,19 @@ select{
     position: relative !important;
     padding: 10px !important;
     left: 50%;
-    transform: translateX(-50%);
-    // transform: translate(-50%, -50%);
+    top: 50%;
+    transform: translate(-50%, -50%);
     display: grid;
     gap: 7px;
     text-align: center;
     width: calc(100% - 20px ) !important;
     height: fit-content !important;
 }
 
+.lgbt-wrapper .support-page{
+    transform: translateX(-50%);
+}
+
 .coral--dark .instructions-item{
     background-color: var(--coral-dark-card) !important;
 }