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

26
src/views/Apps.vue
View File

@ -83,17 +83,20 @@
</ion-toolbar> </ion-toolbar>
</ion-header> </ion-header>
<ion-grid> <ion-grid>
<ion-row class="column-standard"> <ion-row class="column-standard">
<ion-col size="auto"> <ion-col size="auto">
<a href="/details/PufferIcons"><img src="../assets/Icon_PufferIcons.png" class="icon"></a> <a href="/details/PufferIcons"><img src="../assets/Icon_PufferIcons.png" class="icon"></a>
</ion-col> </ion-col>
<ion-col size="auto" class="description-column"> <ion-col size="auto" class="description-column">
<ion-row> <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-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-row>
</ion-col>
<ion-col>
</ion-col> </ion-col>
<ion-col class="download-column"> <ion-col class="download-column">
<ion-button shape="round"><ion-icon :icon="arrowDown" /></ion-button> <ion-button shape="round"><ion-icon :icon="arrowDown" /></ion-button>
@ -112,7 +115,7 @@
</ion-row> </ion-row>
</ion-col> </ion-col>
<ion-col class="download-column"> <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-col>
</ion-row> </ion-row>
<ion-row class="column-standard"> <ion-row class="column-standard">
@ -147,7 +150,7 @@
<ion-button shape="round"><ion-icon :icon="arrowDown" /></ion-button> <ion-button shape="round"><ion-icon :icon="arrowDown" /></ion-button>
</ion-col> </ion-col>
</ion-row> </ion-row>
<ion-row class="column-standard"> <ion-row class="column-bottom">
<ion-col size="auto"> <ion-col size="auto">
<img src="../assets/Icon_Tipper.png" class="icon"> <img src="../assets/Icon_Tipper.png" class="icon">
</ion-col> </ion-col>
@ -248,5 +251,16 @@ export default defineComponent({
} }
} .aboutFrameworkLogo { } .aboutFrameworkLogo {
width: 175px; 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> </style>

8
src/views/PufferIcons.vue
View File

@ -2,12 +2,18 @@
<ion-page> <ion-page>
<ion-header> <ion-header>
<ion-toolbar> <ion-toolbar>
<ion-buttons slot="start">
<ion-back-button default-href="#"></ion-back-button>
</ion-buttons>
<ion-title>PufferIcons</ion-title> <ion-title>PufferIcons</ion-title>
</ion-toolbar> </ion-toolbar>
</ion-header> </ion-header>
<ion-content :fullscreen="true"> <ion-content :fullscreen="true">
<ion-header collapse="condense"> <ion-header collapse="condense">
<ion-toolbar> <ion-toolbar>
<ion-buttons slot="start">
<ion-back-button default-href="#"></ion-back-button>
</ion-buttons>
<ion-title size="large">PufferIcons</ion-title> <ion-title size="large">PufferIcons</ion-title>
</ion-toolbar> </ion-toolbar>
</ion-header> </ion-header>
@ -111,7 +117,7 @@
export default defineComponent({ export default defineComponent({
name: 'Tab1Page', 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() { setup() {
return { return {
logoAndroid, logoAndroid,