Dhaverd/ computer-journal
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Набросал тестовый функционал на главную

This commit is contained in:
Dhaverd 2024-09-11 23:53:08 +08:00
parent 9d3ad0d9a7
commit 38e31a9e3d
1 changed files with 20 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
resources/views/About.vue
View File

@ -7,6 +7,9 @@ export default {
username: 'guest' username: 'guest'
}; };
}, },
props: {
isWide: Boolean
},
computed: { computed: {
user() { user() {
const authStore = useAuthStore(); const authStore = useAuthStore();
@ -25,9 +28,24 @@ export default {
</script> </script>
<template> <template>
<v-label class="text-h3">Welcome {{ user != null ? user.name : 'guest' }}!</v-label><br> <div v-if="user == null" class="d-flex justify-center align-center h-100 flex-column w-100">
<v-label class="text-h3 d-flex justify-center align-center" :class="isWide ? 'w-100' : 'w-10'">Welcome guest!</v-label><br>
<div class="d-flex justify-center align-center ma-5 w-100">
<router-link to="/register" class="ma-3 text-decoration-none link-no-color flex-grow-0 min-width-btn" :class="isWide ? 'w-10' : 'w-100'">
<v-btn color="#F0A068FF" class="pa-3" :class="isWide ? 'w-100' : 'w-100 text-body-1'">Регистрация</v-btn>
</router-link>
<router-link to="/login" class="ma-3 text-decoration-none link-no-color flex-grow-0 min-width-btn" :class="isWide ? 'w-10' : 'w-100'">
<v-btn color="#F0A068FF" class="pa-3" :class="isWide ? 'w-100' : 'w-100 text-body-1'">Вход</v-btn>
</router-link>
</div>
</div>
<div v-else class="d-flex justify-center align-center h-100 flex-column w-100">
<v-label class="text-h3 d-flex justify-center align-center" :class="isWide ? 'w-100' : 'w-10'">Welcome {{ user.name }}!</v-label>
</div>
</template> </template>
<style scoped> <style scoped>
.w-10 {
width: 10%;
}
</style> </style>