fixed #40

src/components/Nav.vue

@@ -10,7 +10,9 @@
         <ul class="list-unstyled">
           <li class="nav-item">
             <router-link class="navbar-brand" to="/" @click="closeNav('mainNav')">
-              CSGO<span class="text-up text-white fw-bold">WTF</span>
+              <img src="/logo.svg"
+                   alt="logo-nav"
+                   class="logo-nav">
             </router-link>
           </li>
           <li class="nav-item">
@@ -27,8 +29,8 @@
           <input id="search" v-model="data.searchInput" aria-label="Search"
                  autocomplete="off"
                  class="form-control bg-transparent border-0"
-                 placeholder="SteamID64, Profile Link or Custom URL"
-                 title="SteamID64, Profile Link or Custom URL"
+                 placeholder="Profile Link or ShareCode"
+                 title="SteamID64, Profile Link, Custom URL, ShareCode"
                  type="search">
           <button
               id="search-button"
@@ -51,7 +53,7 @@
 <script>
 import {reactive} from "vue";
 import {useStore} from 'vuex'
-import {closeNav, GetUser, GoToPlayer} from '../utils'
+import {closeNav, GetUser, GoToPlayer} from '@/utils'
 
 export default {
   name: 'Nav',
@@ -68,6 +70,7 @@ export default {
       const profileUrlPattern = 'https://steamcommunity.com/profiles/'
       const id64Pattern = /^\d{17}$/
       const vanityPattern = /^[A-Za-z0-9-_]{3,32}$/
+      // const shareCodePattern = /.*CSGO(?:-?[ABCDEFGHJKLMNOPQRSTUVWXYZabcdefhijkmnopqrstuvwxyz23456789]{5}){5}.*/
 
       store.commit({
         type: 'changeVanityUrl',
@@ -193,16 +196,16 @@ nav {
     display: flex;
 
     li, .navbar-brand {
+      .logo-nav {
+        height: 35px;
+        margin-bottom: 5px;
+      }
+
       font-size: 1.5rem;
       font-weight: lighter;
       margin: 22px 0 0 10px;
       cursor: pointer;
       transition: 100ms ease-in-out;
-
-      .text-up {
-        font-size: 40%;
-        vertical-align: top;
-      }
     }
 
     .navbar-brand {