casper/PuffercatApps
casper
/
PuffercatApps
mirror of https://github.com/KZacharski/PuffercatApps.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

h

This commit is contained in:
Kacper Zacharski 2022-12-01 14:53:51 +01:00
parent 12eb8f2481
commit 777e4c6668
2 changed files with 27 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
src/views/Apps.vue
View File

@ -89,11 +89,14 @@
</ion-col>
<ion-col size="auto" class="description-column">
<ion-row>
<ion-column><h4 class="size-appname">PufferIcons</h4></ion-column>
<ion-column><a href="/details/PufferIcons" class="hidden-link"><h4 class="size-appname">PufferIcons</h4></a></ion-column>
</ion-row>
<ion-row>
<ion-column><ion-icon :icon="logoAndroid" class="size-appname-icon"/></ion-column>
<a href="/details/PufferIcons"><ion-column><ion-icon :icon="logoAndroid" class="size-appname-icon hidden-link"/></ion-column></a>
</ion-row>
</ion-col>
<ion-col>
</ion-col>
<ion-col class="download-column">
<ion-button shape="round"><ion-icon :icon="arrowDown" /></ion-button>
@ -112,7 +115,7 @@
</ion-row>
</ion-col>
<ion-col class="download-column">
<ion-button shape="round"><ion-icon :icon="arrowDown" /></ion-button>
<a href="https://google.com"><ion-button shape="round"><ion-icon :icon="arrowDown" /></ion-button></a>
</ion-col>
</ion-row>
<ion-row class="column-standard">
@ -147,7 +150,7 @@
<ion-button shape="round"><ion-icon :icon="arrowDown" /></ion-button>
</ion-col>
</ion-row>
<ion-row class="column-standard">
<ion-row class="column-bottom">
<ion-col size="auto">
<img src="../assets/Icon_Tipper.png" class="icon">
</ion-col>
@ -248,5 +251,16 @@ export default defineComponent({
}
} .aboutFrameworkLogo {
width: 175px;
} .column-bottom {
background-color: var(--ion-color-light-shade);
color: var(--ion-color-light-contrast);
padding: 15px;
border-radius: 25px;
margin: 5px;
margin-top: 15px;
margin-bottom: 15px;
} .hidden-link {
text-decoration-line: none;
color: var(--ion-color-light-contrast);
}
</style>

8
src/views/PufferIcons.vue
View File

@ -2,12 +2,18 @@
<ion-page>
<ion-header>
<ion-toolbar>
<ion-buttons slot="start">
<ion-back-button default-href="#"></ion-back-button>
</ion-buttons>
<ion-title>PufferIcons</ion-title>
</ion-toolbar>
</ion-header>
<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>
@ -111,7 +117,7 @@
export default defineComponent({
name: 'Tab1Page',
components: {IonHeader, IonToolbar, IonTitle, IonContent, IonPage, IonCol, IonGrid, IonRow, IonButton, IonIcon},
components: {IonHeader, IonToolbar, IonTitle, IonContent, IonPage, IonCol, IonGrid, IonRow, IonButton, IonIcon, IonButtons},
setup() {
return {
logoAndroid,