From 5a3046eee01c35f8622e3a0c01f2a629e693a441 Mon Sep 17 00:00:00 2001
From: Kseninia Mikhaylova <k.mikhailova@svs-tech.pro>
Date: Fri, 28 Jun 2024 17:06:03 +0300
Subject: [PATCH] homelink

---
 front/src/components/Promo/main.vue | 16 +++++++++++++++-
 1 file changed, 15 insertions(+), 1 deletion(-)

diff --git a/front/src/components/Promo/main.vue b/front/src/components/Promo/main.vue
index 47f854e..dc8a146 100644
--- a/front/src/components/Promo/main.vue
+++ b/front/src/components/Promo/main.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import { reactive, ref, watch } from 'vue';
 import type { Ref } from 'vue'
-import { useRoute } from 'vue-router';
+import { RouterLink, useRoute } from 'vue-router';
 
 import { Vector3 } from 'three';
 import { TresCanvas } from '@tresjs/core';
@@ -73,6 +73,9 @@ watch(() => route.params.target, () => {
                     <TresShadowMaterial :opacity="0.2" />
                 </TresMesh>
             </TresCanvas>
+            <RouterLink to="/promo/main/" class="homelink">
+                <i-mdi-home />
+            </RouterLink>
         </div>
         <Sidebar />
     </div>
@@ -93,4 +96,15 @@ watch(() => route.params.target, () => {
     filter: blur(10px);
     transition: all 300ms linear;
 }
+.homelink {
+    position: absolute;
+    right: 0;
+    bottom: 0;
+    font-size: 5rem;
+    border-radius: 50%;
+    border: 1px solid white;
+    background: white;
+    padding: 0.5rem;
+    line-height: 1;
+}
 </style>
\ No newline at end of file