From 33bae569547dfd0e68e1f7ec2d03f8d4641a4b06 Mon Sep 17 00:00:00 2001
From: "p.belezov" <p.belezov@mfc38.ru>
Date: Fri, 19 Jan 2024 12:40:02 +0800
Subject: [PATCH] =?UTF-8?q?=D0=97=D0=B0=D0=BC=D1=83=D1=82=D0=B8=D0=BB?=
 =?UTF-8?q?=D0=B8=20=D0=BC=D0=B5=D0=BD=D1=8E=D1=88=D0=BA=D1=83=20=D0=B4?=
 =?UTF-8?q?=D0=BB=D1=8F=20=D0=BC=D0=BE=D0=B1=D0=B8=D0=BB=D0=BE=D0=BA,=20?=
 =?UTF-8?q?=D0=B4=D0=B0=D0=B1=D1=8B=20=D0=B1=D0=BE=D0=BB=D0=B5=D0=B5-?=
 =?UTF-8?q?=D0=BC=D0=B5=D0=BD=D0=B5=D0=B5=20=D0=BD=D0=B0=20=D0=BC=D0=B5?=
 =?UTF-8?q?=D0=BB=D0=BA=D0=B8=D1=85=20=D1=8D=D0=BA=D1=80=D0=B0=D0=BD=D0=B0?=
 =?UTF-8?q?=D1=85=20=D0=B1=D1=8B=D0=BB=D0=BE,=20=D1=84=D0=BE=D1=82=D0=BA?=
 =?UTF-8?q?=D1=83=20=D0=BF=D0=BE=D1=87=D0=B8=D0=BD=D0=B8=D0=BB=D0=B8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .env.example               |  2 ++
 resources/views/Resume.vue | 48 ++++++++++++++++++++++++++++++++++----
 2 files changed, 45 insertions(+), 5 deletions(-)

diff --git a/.env.example b/.env.example
index ea0665b..2241c5c 100644
--- a/.env.example
+++ b/.env.example
@@ -3,6 +3,8 @@ APP_ENV=local
 APP_KEY=
 APP_DEBUG=true
 APP_URL=http://localhost
+SERVER_PORT=8080
+SERVER_HOST=127.0.0.1
 
 LOG_CHANNEL=stack
 LOG_DEPRECATIONS_CHANNEL=null
diff --git a/resources/views/Resume.vue b/resources/views/Resume.vue
index eebdd2b..b2f9b53 100644
--- a/resources/views/Resume.vue
+++ b/resources/views/Resume.vue
@@ -3,10 +3,26 @@
         <v-sheet :elevation="4" class="mt-5 mb-5 align-center justify-center h-auto w-75 rounded-lg main-sheet-bg">
             <div class="d-flex flex-row align-center">
                 <p class="text-h4 w-75 ma-2 pa-2 justify-start">Белезов Павел</p>
-                <v-btn v-for="item in linksData" :key="item" color="#21abf6" variant="text" class="ma-2 pa-2 justify-end" :href="item.link">{{ item.name }}</v-btn>
+                <div v-if="windowWidth >= 1000" class="d-flex justify-end">
+                    <v-btn v-for="item in linksData" :key="item" color="#21abf6" variant="text" class="ma-2 pa-2 justify-end" :href="item.link">{{ item.name }}</v-btn>
+                </div>
+                <div v-else class="d-flex justify-end w-25 pr-3">
+                    <v-menu location="bottom" color="#424242">
+                        <template class="justify-end" v-slot:activator="{ props }">
+                            <v-btn color="#424242" icon="mdi-dots-vertical" v-bind="props"></v-btn>
+                        </template>
+                        <v-list>
+                            <v-list-item v-for="item in linksData" :key="item" :href="item.link">
+                                <v-list-item-title>
+                                    {{ item.name }}
+                                </v-list-item-title>
+                            </v-list-item>
+                        </v-list>
+                    </v-menu>
+                </div>
             </div>
-            <div class="d-flex">
-                <v-table class="main-sheet-bg pl-5" style="text-align: center">
+            <div class="d-flex justify-end align-center">
+                <v-table class="main-sheet-bg pl-5 w-66" style="text-align: center">
                     <tbody>
                     <tr>
                         <td><v-icon :icon="`mdi-account`"></v-icon>Возраст</td>
@@ -26,7 +42,9 @@
                     </tr>
                     </tbody>
                 </v-table>
-                <v-img class="image-gradient w-33" src="./resume.png"></v-img>
+                <div class="w-33">
+                    <v-img class="image-gradient" src="./resume.png"></v-img>
+                </div>
             </div>
 
             <!--
@@ -79,8 +97,27 @@ export default {
             location: 'г. Иркутск',
             email: 'belezov.pavel@mail.ru',
             phoneNumber: '+7-914-919-21-17'
+        },
+        windowHeight: window.innerHeight,
+        windowWidth: window.innerWidth
+    }),
+    methods: {
+        created() {
+            window.addEventListener("resize", this.myEventHandler);
+        },
+        mounted() {
+            window.addEventListener("resize", this.myEventHandler);
+        },
+        destroyed() {
+            window.removeEventListener("resize", this.myEventHandler);
+        },
+        methods: {
+            myEventHandler(e) {
+                this.windowHeight = window.innerHeight;
+                this.windowWidth = window.innerWidth;
+            }
         }
-    })
+    }
 }
 </script>
 
@@ -109,6 +146,7 @@ export default {
 .main-sheet-bg {
     background-color: #424242;
     color: #E0E0E0;
+    text-decoration-color: #E0E0E0;
 }
 
 .image-gradient {