tbh h

src/views/PufferIcons.vue

@@ -3,7 +3,7 @@
       <ion-header>
         <ion-toolbar>
     <ion-buttons slot="start">
-    <ion-back-button default-href="#"></ion-back-button>
+    <ion-back-button default-href="/"></ion-back-button>
   </ion-buttons>
           <ion-title>PufferIcons</ion-title>
         </ion-toolbar>
@@ -11,92 +11,45 @@
       <ion-content :fullscreen="true">
         <ion-header collapse="condense">
           <ion-toolbar>
-            <ion-buttons slot="start">
-    <ion-back-button default-href="#"></ion-back-button>
-  </ion-buttons>
             <ion-title size="large">PufferIcons</ion-title>
           </ion-toolbar>
         </ion-header>
         <ion-grid>
+    <ion-row class="column-standard2">
+      <ion-col class="bannerColumn">
+        
+      </ion-col>
+    </ion-row>
     <ion-row class="column-standard">
       <ion-col size="auto">
         <img src="../assets/Icon_PufferIcons.png" class="icon">
       </ion-col>
       <ion-col size="auto" class="description-column">
-          <ion-row>
+          <ion-row style="padding: 0px; margin: 0px;">
-            <ion-column><h4 class="size-appname">PufferIcons</h4></ion-column>
+            <ion-column style="padding: 0px; margin: 0px;"><p class="size-appname" style="padding: 0px; margin: 0px;"><strong>PufferIcons</strong></p></ion-column>
           </ion-row>
-          <ion-row>
+          <ion-row style="padding: 0px;">
+            <ion-column><p class="size-appname-icon">version 1.1.4 - OEM Update</p></ion-column>
+          </ion-row>
+          <ion-row style="padding: 0px;">
             <ion-column><ion-icon :icon="logoAndroid" class="size-appname-icon"/></ion-column>
           </ion-row>
       </ion-col>
-      <ion-col class="download-column">
+    </ion-row>
-        <ion-button shape="round"><ion-icon :icon="arrowDown" /></ion-button>
+    <ion-row class="column-standard2">
+      <ion-col>
+        <ion-button href="https://cdn.puffercat.xyz/c/puffericons/puffericons-1.1.4.apk" expand="full" shape="round" style="margin: 0px;" download="PufferIcons-latest.apk">Download</ion-button>
       </ion-col>
     </ion-row>
     <ion-row class="column-standard">
-      <ion-col size="auto">
+      <ion-col>
-        <img src="../assets/Icon_Puffercat_Apps.png" class="icon">
+        <h4><strong>Changelog - 1.1.4</strong></h4>
-      </ion-col>
+        <ul>
-      <ion-col size="auto" class="description-column">
+            <li>Synced with Lawnicons source</li>
-          <ion-row>
+            <li>Added a few icons (mostly OEM apps so if you're using an OEM skin it's quite a big update for you)</li>
-            <ion-column><h4 class="size-appname">Puffercat Apps</h4></ion-column>
+            <li>Modified some stuff in the About page</li>
-          </ion-row>
+        </ul>
-          <ion-row>
+    </ion-col>
-            <ion-column><ion-icon :icon="logoPwa" class="size-appname-icon"/></ion-column>
-          </ion-row>
-      </ion-col>
-      <ion-col class="download-column">
-        <ion-button shape="round"><ion-icon :icon="arrowDown" /></ion-button>
-      </ion-col>
-    </ion-row>
-    <ion-row class="column-standard">
-      <ion-col size="auto">
-        <img src="../assets/Icon_Shapes.png" class="icon">
-      </ion-col>
-      <ion-col size="auto" class="description-column">
-          <ion-row>
-            <ion-column><h4 class="size-appname">Shapes</h4></ion-column>
-          </ion-row>
-          <ion-row>
-            <ion-column><ion-icon :icon="logoAndroid" class="size-appname-icon"/></ion-column>
-          </ion-row>
-      </ion-col>
-      <ion-col class="download-column">
-        <ion-button shape="round"><ion-icon :icon="arrowDown" /></ion-button>
-      </ion-col>
-    </ion-row>
-    <ion-row class="column-standard">
-      <ion-col size="auto">
-        <img src="../assets/Icon_Blurry.png" class="icon">
-      </ion-col>
-      <ion-col size="auto" class="description-column">
-          <ion-row>
-            <ion-column><h4 class="size-appname">Blurry Wallpapers</h4></ion-column>
-          </ion-row>
-          <ion-row>
-            <ion-column><ion-icon :icon="logoAndroid" class="size-appname-icon"/></ion-column>
-          </ion-row>
-      </ion-col>
-      <ion-col class="download-column">
-        <ion-button shape="round"><ion-icon :icon="arrowDown" /></ion-button>
-      </ion-col>
-    </ion-row>
-    <ion-row class="column-standard">
-      <ion-col size="auto">
-        <img src="../assets/Icon_Tipper.png" class="icon">
-      </ion-col>
-      <ion-col size="auto" class="description-column">
-          <ion-row>
-            <ion-column><h4 class="size-appname">Tipper by myCALC</h4></ion-column>
-          </ion-row>
-          <ion-row>
-            <ion-column><ion-icon :icon="logoAndroid" class="size-appname-icon"/></ion-column>
-          </ion-row>
-      </ion-col>
-      <ion-col class="download-column">
-        <ion-button shape="round"><ion-icon :icon="arrowDown" /></ion-button>
-      </ion-col>
     </ion-row>
   </ion-grid>
       </ion-content>
@@ -117,7 +70,7 @@
   
   export default  defineComponent({
     name: 'Tab1Page',
-    components: {IonHeader, IonToolbar, IonTitle, IonContent, IonPage, IonCol, IonGrid, IonRow, IonButton, IonIcon, IonButtons},
+    components: {IonHeader, IonToolbar, IonTitle, IonContent, IonPage, IonCol, IonGrid, IonRow, IonButton, IonIcon, IonButtons, IonBackButton},
     setup() {
       return {
         logoAndroid,
@@ -138,7 +91,7 @@
       margin: 5px;
       margin-top: 15px;
     } .icon {
-      width: 70px;
+      width: 90px;
       margin-right: 5px;
     } ion-button {
       --box-shadow: 0px;
@@ -150,9 +103,9 @@
     } .description-column {
       align-items: center;
     } .size-appname {
-    font-size: 18px;
+    font-size: 20px;
   } .size-appname-icon {
-    font-size: 18px;
+    font-size: 15px;
   } .logoAbout {
     width: 125px;
     margin: 10px;
@@ -175,5 +128,21 @@
     }
   } .aboutFrameworkLogo {
     width: 175px;
+  } .bannerColumn {
+    height: 200px;
+    background-image: url("../assets/Banner_PufferIcons.png");
+    background-repeat: no-repeat;
+    background-size: cover;
+    background-position: center;
+    border-radius: 25px;
+  } .column-standard2 {
+      background-color: transparent;
+      color: var(--ion-color-light-contrast);
+    padding: 0px;
+      border-radius: 25px;
+      margin: 5px;
+      margin-top: 15px;
+    } ion-button {
+    --box-shadow: 0px;
   }
   </style>