This commit is contained in:
Kacper Zacharski 2022-12-01 21:15:22 +01:00
parent 777e4c6668
commit 808c865e63
2 changed files with 44 additions and 75 deletions

Binary file not shown.

After

Width:  |  Height:  |  Size: 115 KiB

View File

@ -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-column><h4 class="size-appname">PufferIcons</h4></ion-column>
<ion-row style="padding: 0px; margin: 0px;">
<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-button shape="round"><ion-icon :icon="arrowDown" /></ion-button>
</ion-row>
<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">
<img src="../assets/Icon_Puffercat_Apps.png" class="icon">
</ion-col>
<ion-col size="auto" class="description-column">
<ion-row>
<ion-column><h4 class="size-appname">Puffercat Apps</h4></ion-column>
</ion-row>
<ion-row>
<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-col>
<h4><strong>Changelog - 1.1.4</strong></h4>
<ul>
<li>Synced with Lawnicons source</li>
<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>
<li>Modified some stuff in the About page</li>
</ul>
</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>