fix: поправил неправильный ресайз главного контентного блока на главн…

…ой странице при разрешении < 320 пикселей в ширину, также исправлена проблема с хедером при ресайзе < 320

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>

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>

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>