From 228936ad6d6531515594fa213fb9fd632ba62832 Mon Sep 17 00:00:00 2001
From: anatolykopyl <hi@kopyl.dev>
Date: Thu, 30 Mar 2023 01:34:31 +0300
Subject: [PATCH] Micro style tweaks

---
 src/App.vue           |  4 ++--
 src/views/Contact.vue | 10 ----------
 src/views/Goods.vue   |  2 +-
 src/views/Home.vue    |  2 ++
 src/views/Order.vue   |  2 +-
 5 files changed, 6 insertions(+), 14 deletions(-)

diff --git a/src/App.vue b/src/App.vue
index 0d6a2a8..9a2e001 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -1,9 +1,9 @@
 <template>
     <div id="app" style="min-height: 100vh;">
         <div id="nav">
-            <span class="tiny-logo">
+            <router-link to="/" class="tiny-logo">
                 <img class="tiny-logo" src="@/assets/flag.png" v-bind:style='{ "transform": tinyOffset }'>
-            </span>
+            </router-link>
             <span id="links" v-on:click="handleScroll">
                 <router-link to="/" exact>Главная</router-link>
                 <router-link to="/goods">Ассортимент</router-link>
diff --git a/src/views/Contact.vue b/src/views/Contact.vue
index 8678967..dacd2ba 100644
--- a/src/views/Contact.vue
+++ b/src/views/Contact.vue
@@ -50,16 +50,6 @@ h2 {
     color: #3a3a3a;
 }
 
-img {
-    width: 40%;
-    height: auto;
-    margin: 30px;
-    border: rgb(253, 253, 253) solid;
-    border-radius: 100%;
-    border-width: 8px;
-    filter: drop-shadow(8px 8px 8px rgba(0, 0, 0, 0.4));
-}
-
 @media screen and (max-width: 1024px) {
     .main {
         padding-left: 10vw;
diff --git a/src/views/Goods.vue b/src/views/Goods.vue
index 7093220..d833ccf 100644
--- a/src/views/Goods.vue
+++ b/src/views/Goods.vue
@@ -164,7 +164,7 @@ export default {
     border: rgb(253, 253, 253) solid;
     border-radius: 100%;
     border-width: 0.35vw;
-    filter: drop-shadow(0.35vw 0.35vw 0.35vw rgba(0, 0, 0, 0.4));
+    box-shadow: 0.35vw 0.35vw 0.35vw rgba(0, 0, 0, 0.4);
 }
 
 h2 {
diff --git a/src/views/Home.vue b/src/views/Home.vue
index 1e49938..8e4ac03 100644
--- a/src/views/Home.vue
+++ b/src/views/Home.vue
@@ -210,6 +210,8 @@ h4 {
     width: 600px;
     height: 600px;
     border: darkgray solid 1px;
+    border-radius: 12px;
+    overflow: hidden;
 }
 
 #napkin {
diff --git a/src/views/Order.vue b/src/views/Order.vue
index f01dc1a..ccdf108 100644
--- a/src/views/Order.vue
+++ b/src/views/Order.vue
@@ -36,7 +36,7 @@ img {
     border: rgb(253, 253, 253) solid;
     border-radius: 100%;
     border-width: 8px;
-    filter: drop-shadow(8px 8px 8px rgba(0, 0, 0, 0.4));
+    box-shadow: 8px 8px 8px rgba(0, 0, 0, 0.4);
 }
 
 .text {