Removed submit button from mobile view on header

elrumo · Mar 26, 2021 · a38b49c · a38b49c · vercel · Mar 26, 2021
1 parent eaaf1a1
commit a38b49c
Show file tree

Hide file tree

Showing 7 changed files with 16 additions and 23 deletions.
diff --git a/website/macos-big-sur-icons/public/coral/coral.css b/website/macos-big-sur-icons/public/coral/coral.css
diff --git a/website/macos-big-sur-icons/public/coral/coral.js b/website/macos-big-sur-icons/public/coral/coral.js
diff --git a/website/macos-big-sur-icons/src/App.vue b/website/macos-big-sur-icons/src/App.vue
@@ -34,7 +34,8 @@ import '@adobe/coral-spectrum/coral-css-divider'
 import Footer from '@/components/Footer.vue'
 import Header from '@/components/Header.vue'
 
-import '@adobe/spectrum-css/dist/icons/loadIcons.js' 
+import '@adobe/spectrum-css/dist/icons/spectrum-css-icons.svg' 
+// import '@adobe/spectrum-css/dist/icons/loadIcons.js' 
 
 export default {
   name: 'App',

diff --git a/website/macos-big-sur-icons/src/components/Header.vue b/website/macos-big-sur-icons/src/components/Header.vue
@@ -107,24 +107,26 @@
                         <hr class="coral-Divider--S">
 
                         <!-- Buy me a coffee -->
-                        <div>
+                        <div class="m-b-20">
                             <a
                                 rel="noopener"
                                 target="_blank"
-                                class="_coral-Button _coral-Button--primary _coral-Button--quiet"
+                                class="m-b-10"
                                 href="https://www.paypal.com/donate/?hosted_button_id=5PMNX4DPW83KN"
                                 @click="logDonation('header')"
                             >
-                                <span>Buy me a coffee</span>
+                                <button is="coral-button" variant="cta">
+                                    <span>Buy me a coffee</span>
+                                </button>
                             </a>
                         </div>
 
                         <!-- Submit icons -->
-                        <div>
+                        <!-- <div>
                             <button class="_coral-Button _coral-Button--primary _coral-Button--quiet" @click="showDialog('submitIcon')">
                                 <span>Submit icons</span>
                             </button>
-                        </div>
+                        </div> -->
                     </div>
                 </coral-overlay>
             </div>
@@ -182,13 +184,13 @@
                     </div>
 
                     <!-- Buy me a coffee -->
-                    <!-- <div class="p-l-10 hide-on-shrink">
+                    <div class="p-l-10 hide-on-shrink">
                         <a rel="noopener" class="" target="_blank" href="https://www.paypal.com/donate/?hosted_button_id=5PMNX4DPW83KN" @click="logDonation('header')">
                             <button is="coral-button">
                                 <span>Buy me a coffee</span>
                             </button>
                         </a>
-                    </div> -->
+                    </div>
 
                     <!-- Submit icons -->
                     <div class="p-l-20">

diff --git a/website/macos-big-sur-icons/src/components/Hero.vue b/website/macos-big-sur-icons/src/components/Hero.vue
@@ -8,14 +8,15 @@
     <div class="hero-text-area" v-if="iconsEmpty">    
 
 
-        <div class="ad-hero">
+        <div class="ad-hero mobile-hidden">
           <!-- <p class="coral-Body--XS">
             Sponsored by
           </p> -->
           <NativeAd/>
-          <!-- <div v-if="ad" class="" id="iconbar-js"></div> -->
         </div>
 
+        <div class="desktop-hidden m-t-20"></div>
+
         <p class="coral-Body--S m-b-0">
           Hosting by
           <a href="https://fosshost.org/" rel="noopener" target="_blank" class="coral-Link">

diff --git a/website/macos-big-sur-icons/src/components/NativeAd.vue b/website/macos-big-sur-icons/src/components/NativeAd.vue
@@ -1,5 +1,5 @@
 <template>
-  <div :class="{fullWidth: fullWidth}">
+  <div :class="{fullWidth: fullWidth, 'mobile-hidden': true,}">
     <p v-if="sponsored" class="coral-Detail coral-Detail--S coral-Detail--light opacity-50">
       Sponsored
     </p>
@@ -25,7 +25,7 @@ export default {
     },
 
     mounted: function(){
-      
+
       function getAd(){
         if (typeof _bsa !== 'undefined' && _bsa) {
           console.log(_bsa);

diff --git a/website/macos-big-sur-icons/src/views/HowTo.vue b/website/macos-big-sur-icons/src/views/HowTo.vue
@@ -41,44 +41,36 @@ export default {
         // Facebook
         {
           property: 'og:url',
-          // vmid:     'og:url',
           content:  'https://macosicons.com/how-to/'
         },
         {
           property: 'og:title',
-          // vmid:     'og:title',
           content:  'How to change app icons in macOS Big Sur',
         },
         {
           property: 'og:description',
-          // vmid:     'og:description',
           content:  'Guide to donlwoad and change app icons in macOS Big Sur using Finder and a website with over 5000+ free app icons.',
         },
         {
           property: 'og:image',
-          // vmid:     'og:image',
           content:  'https://raw.githubusercontent.com/elrumo/macOS_Big_Sur_icons_replacements/master/design/How_To-Thumbnail.jpg'
         },
 
         // Twitter
         {
           property: 'twitter:url',
-          // vmid:     'twitter:url',
           content:  'https://macosicons.com/how-to/'
         },
         {
           property: 'twitter:title',
-          // vmid:     'twitter:title',
           content:  'How to change app icons in macOS Big Sur'
         },
         {
           property: 'twitter:description',
-          // vmid:     'twitter:description',
           content:  'Guide to donlwoad and change app icons in macOS Big Sur using Finder and a website with over 5000+ free app icons.',
         },
         {
           property: 'twitter:image',
-          // vmid:     'twitter:image',
           content:  'https://raw.githubusercontent.com/elrumo/macOS_Big_Sur_icons_replacements/master/design/How_To-Thumbnail.jpg'
         },
       ]