From c451037ea23090ecd9572297b81ff6b4650f0b5d Mon Sep 17 00:00:00 2001
From: Alexandr Wokalek <wokalek@wokalek.ru>
Date: Wed, 9 Oct 2024 15:37:41 +0300
Subject: [PATCH] =?UTF-8?q?fix:=20=D0=BF=D0=BE=D0=BF=D1=80=D0=B0=D0=B2?=
 =?UTF-8?q?=D0=B8=D0=BB=20=D0=BD=D0=B5=D0=BF=D1=80=D0=B0=D0=B2=D0=B8=D0=BB?=
 =?UTF-8?q?=D1=8C=D0=BD=D1=8B=D0=B9=20=D1=80=D0=B5=D1=81=D0=B0=D0=B9=D0=B7?=
 =?UTF-8?q?=20=D0=B3=D0=BB=D0=B0=D0=B2=D0=BD=D0=BE=D0=B3=D0=BE=20=D0=BA?=
 =?UTF-8?q?=D0=BE=D0=BD=D1=82=D0=B5=D0=BD=D1=82=D0=BD=D0=BE=D0=B3=D0=BE=20?=
 =?UTF-8?q?=D0=B1=D0=BB=D0=BE=D0=BA=D0=B0=20=D0=BD=D0=B0=20=D0=B3=D0=BB?=
 =?UTF-8?q?=D0=B0=D0=B2=D0=BD=D0=BE=D0=B9=20=D1=81=D1=82=D1=80=D0=B0=D0=BD?=
 =?UTF-8?q?=D0=B8=D1=86=D0=B5=20=D0=BF=D1=80=D0=B8=20=D1=80=D0=B0=D0=B7?=
 =?UTF-8?q?=D1=80=D0=B5=D1=88=D0=B5=D0=BD=D0=B8=D0=B8=20<=20320=20=D0=BF?=
 =?UTF-8?q?=D0=B8=D0=BA=D1=81=D0=B5=D0=BB=D0=B5=D0=B9=20=D0=B2=20=D1=88?=
 =?UTF-8?q?=D0=B8=D1=80=D0=B8=D0=BD=D1=83,=20=D1=82=D0=B0=D0=BA=D0=B6?=
 =?UTF-8?q?=D0=B5=20=D0=B8=D1=81=D0=BF=D1=80=D0=B0=D0=B2=D0=BB=D0=B5=D0=BD?=
 =?UTF-8?q?=D0=B0=20=D0=BF=D1=80=D0=BE=D0=B1=D0=BB=D0=B5=D0=BC=D0=B0=20?=
 =?UTF-8?q?=D1=81=20=D1=85=D0=B5=D0=B4=D0=B5=D1=80=D0=BE=D0=BC=20=D0=BF?=
 =?UTF-8?q?=D1=80=D0=B8=20=D1=80=D0=B5=D1=81=D0=B0=D0=B9=D0=B7=D0=B5=20<?=
 =?UTF-8?q?=20320?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 nuxt/src/components/Block/Index/Content.vue |  4 ++--
 nuxt/src/components/General/Nav.vue         |  2 +-
 nuxt/src/components/The/Header.vue          | 11 +++--------
 3 files changed, 6 insertions(+), 11 deletions(-)

diff --git a/nuxt/src/components/Block/Index/Content.vue b/nuxt/src/components/Block/Index/Content.vue
index 5808199..6ec48e7 100644
--- a/nuxt/src/components/Block/Index/Content.vue
+++ b/nuxt/src/components/Block/Index/Content.vue
@@ -1,7 +1,7 @@
 <template>
   <div class="fluid-[padding-left,76-0] fluid-[padding-right,76-0] flex justify-center items-start">
     <article class="lead text-balance mr-16-0 space-y-1em">
-      <p>Привет!</p>
+      <p>Привет! <span class="emoji sm:hidden" aria-disabled="true">🙋</span></p>
       <p>Я&nbsp;<span class="text-accent">Александр Вокалёк</span>,<br>веб-разработчик, который хочет и&nbsp;может делать крутые вещи.</p>
       <p>Я&nbsp;очень любопытный и&nbsp;внимательный к&nbsp;мелочам человек, который любит программирование, фотографию, природу и&nbsp;искусство. На&nbsp;данный момент живу в&nbsp;Краснодаре.</p>
       <p>
@@ -13,7 +13,7 @@
         </GeneralLink>!
       </p>
     </article>
-    <div class="emoji fluid-[font-size,200-64] mobile:font-[1.5em]" aria-disabled="true">
+    <div class="emoji fluid-[font-size,200-64] hidden sm:block" aria-disabled="true">
       🙋
     </div>
   </div>
diff --git a/nuxt/src/components/General/Nav.vue b/nuxt/src/components/General/Nav.vue
index bb01c39..6687406 100644
--- a/nuxt/src/components/General/Nav.vue
+++ b/nuxt/src/components/General/Nav.vue
@@ -1,5 +1,5 @@
 <template>
-  <nav v-if="links.length" class="select-none">
+  <nav v-if="links.length" class="nav select-none">
     <GeneralLink v-for="(link, index) in links" :key="index" v-bind="useOmit(link, ['text'])">
       {{ link.text }}
     </GeneralLink>
diff --git a/nuxt/src/components/The/Header.vue b/nuxt/src/components/The/Header.vue
index 6906248..24e0f67 100644
--- a/nuxt/src/components/The/Header.vue
+++ b/nuxt/src/components/The/Header.vue
@@ -1,17 +1,12 @@
 <template>
   <header class="flex justify-between items-center py-32-16 px-16-16">
-    <TheLogo />
+    <TheLogo class="mr-32-8" />
     <GeneralNav
-      class="general-nav nav flex gap-32-16 items-center"
+      class="general-nav nav flex gap-32-16 items-center text-right"
       :links="[
         { to: { name: 'map' }, text: 'Карта сайта', },
-        { to: { name: 'settings' }, text: '⚙️', class: ['settings-emoji', 'emoji'], ariaLabel: 'Настройки сайта', rel: 'nofollow' },
+        { to: { name: 'settings' }, text: '⚙️', class: ['text-28-18', 'emoji'], ariaLabel: 'Настройки сайта', rel: 'nofollow' },
       ]"
     />
   </header>
 </template>
-
-<style lang="sass" scoped>
-.general-nav :deep(.settings-emoji)
-  @apply text-28-18
-</style>