Peaceultime/obsidian-visualiser
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Progressing on the basic components implementation

Browse Source
This commit is contained in:
Peaceultime
2024-10-29 14:04:05 +01:00
parent 1b2472bc1a
commit 97f8ca499a
7 changed files with 72 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
pages/index.vue
View File

@@ -1,5 +1,5 @@
<script setup lang="ts">
const open = ref(false);
const open = ref(false), username = ref("");
</script>
<template>
@@ -7,12 +7,11 @@ const open = ref(false);
<Title>Accueil</Title>
</Head>
<div class="h-100 w-100 flex flex-1 flex-col justify-center items-center">
<div class="text-3xl font-extralight tracking-wide text-light-60 dark:text-dark-60">
<Tooltip message="Ajouter" side="top"><button @click="open = !open">Test</button></Tooltip>
<Toast v-model="open">
<template v-slot:title><h4>Titre</h4></template>
<span>Test</span>
</Toast>
<div class="w-1/2 flex flex-1 flex-col justify-center items-center">
<TextInput label="Saisir un pseudonyme" v-model="username" />
<Separator decorative orientation="horizontal" class="h-px w-96 my-2 bg-light-30 dark:bg-dark-30" />
<Tooltip message="Vas y, ajoute stp" side="top"><button @click="open = !!username && !open" class="text-3xl font-extralight tracking-wide text-light-60 dark:text-dark-60">Ajouter</button></Tooltip>
<Toast v-model="open" :title="`Bienvenue ${username}`" content="Vous êtes maintenant connecté" :duration="5000" />
</div>
</div>
</template>