diff options
author | Santo Cariotti <santo@dcariotti.me> | 2022-11-12 11:37:43 +0100 |
---|---|---|
committer | Santo Cariotti <santo@dcariotti.me> | 2022-11-12 11:37:59 +0100 |
commit | 190259bb0f512d881a1dc852ff0c68dd41aeb434 (patch) | |
tree | a69841d83fcb7df6809b0389e88e0dcb20c2fd7d /app/src/components | |
parent | 35c2260f3b23de24a8fdc4c4a96151124ae7ccdf (diff) |
Init
Diffstat (limited to 'app/src/components')
-rw-r--r-- | app/src/components/Footer.vue | 76 | ||||
-rw-r--r-- | app/src/components/Header.vue | 17 |
2 files changed, 93 insertions, 0 deletions
diff --git a/app/src/components/Footer.vue b/app/src/components/Footer.vue new file mode 100644 index 0000000..9ca60cb --- /dev/null +++ b/app/src/components/Footer.vue @@ -0,0 +1,76 @@ +<template> + <ion-tabs> + <ion-router-outlet></ion-router-outlet> + <ion-tab-bar slot="bottom"> + <ion-tab-button tab="home" href="/"> + <div class="t"> + <svg + xmlns="http://www.w3.org/2000/svg" + fill="none" + viewBox="0 0 24 24" + stroke-width="1.5" + stroke="currentColor" + class="w-6 h-6" + > + <path + stroke-linecap="round" + stroke-linejoin="round" + d="M2.25 12l8.954-8.955c.44-.439 1.152-.439 1.591 0L21.75 12M4.5 9.75v10.125c0 .621.504 1.125 1.125 1.125H9.75v-4.875c0-.621.504-1.125 1.125-1.125h2.25c.621 0 1.125.504 1.125 1.125V21h4.125c.621 0 1.125-.504 1.125-1.125V9.75M8.25 21h8.25" + /> + </svg> + </div> + </ion-tab-button> + <ion-tab-button tab="sign" href="/sign"> + <div class="t"> + <svg + xmlns="http://www.w3.org/2000/svg" + fill="none" + viewBox="0 0 24 24" + stroke-width="1.5" + stroke="currentColor" + class="w-6 h-6" + > + <path + stroke-linecap="round" + stroke-linejoin="round" + d="M15.75 6a3.75 3.75 0 11-7.5 0 3.75 3.75 0 017.5 0zM4.501 20.118a7.5 7.5 0 0114.998 0A17.933 17.933 0 0112 21.75c-2.676 0-5.216-.584-7.499-1.632z" + /> + </svg> + </div> + </ion-tab-button> + <ion-tab-button tab="me" href="/me"> + <div class="t"> + <svg + xmlns="http://www.w3.org/2000/svg" + fill="none" + viewBox="0 0 24 24" + stroke-width="1.5" + stroke="currentColor" + class="w-6 h-6" + > + <path + stroke-linecap="round" + stroke-linejoin="round" + d="M15 9h3.75M15 12h3.75M15 15h3.75M4.5 19.5h15a2.25 2.25 0 002.25-2.25V6.75A2.25 2.25 0 0019.5 4.5h-15a2.25 2.25 0 00-2.25 2.25v10.5A2.25 2.25 0 004.5 19.5zm6-10.125a1.875 1.875 0 11-3.75 0 1.875 1.875 0 013.75 0zm1.294 6.336a6.721 6.721 0 01-3.17.789 6.721 6.721 0 01-3.168-.789 3.376 3.376 0 016.338 0z" + /> + </svg> + </div> + </ion-tab-button> + </ion-tab-bar> + </ion-tabs> +</template> + +<script lang="ts"> +import { defineComponent } from "vue"; +import { IonRouterOutlet, IonTabBar, IonTabButton, IonTabs } from "@ionic/vue"; + +export default defineComponent({ + name: "Footer", + components: { + IonTabBar, + IonTabButton, + IonTabs, + IonRouterOutlet, + }, +}); +</script> diff --git a/app/src/components/Header.vue b/app/src/components/Header.vue new file mode 100644 index 0000000..d5de19c --- /dev/null +++ b/app/src/components/Header.vue @@ -0,0 +1,17 @@ +<template> + <ion-header> + <h1>M6: Insecure Authorization</h1> + </ion-header> +</template> + +<script lang="ts"> +import { defineComponent } from "vue"; +import { IonHeader } from "@ionic/vue"; + +export default defineComponent({ + name: "Header", + components: { + IonHeader, + }, +}); +</script> |