From 38e31a9e3d1151c6dec706a83c059bb59d2a4dda Mon Sep 17 00:00:00 2001
From: Dhaverd <jedi55@mail.ru>
Date: Wed, 11 Sep 2024 23:53:08 +0800
Subject: [PATCH] =?UTF-8?q?=D0=9D=D0=B0=D0=B1=D1=80=D0=BE=D1=81=D0=B0?=
 =?UTF-8?q?=D0=BB=20=D1=82=D0=B5=D1=81=D1=82=D0=BE=D0=B2=D1=8B=D0=B9=20?=
 =?UTF-8?q?=D1=84=D1=83=D0=BD=D0=BA=D1=86=D0=B8=D0=BE=D0=BD=D0=B0=D0=BB=20?=
 =?UTF-8?q?=D0=BD=D0=B0=20=D0=B3=D0=BB=D0=B0=D0=B2=D0=BD=D1=83=D1=8E?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 resources/views/About.vue | 22 ++++++++++++++++++++--
 1 file changed, 20 insertions(+), 2 deletions(-)

diff --git a/resources/views/About.vue b/resources/views/About.vue
index c95b694..5c110fc 100644
--- a/resources/views/About.vue
+++ b/resources/views/About.vue
@@ -7,6 +7,9 @@ export default {
             username: 'guest'
         };
     },
+    props: {
+        isWide: Boolean
+    },
     computed: {
         user() {
             const authStore = useAuthStore();
@@ -25,9 +28,24 @@ export default {
 </script>
 
 <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>
 
 <style scoped>
-
+.w-10 {
+    width: 10%;
+}
 </style>