update desktop resize

src/components/Navbar.vue

@@ -9,28 +9,7 @@
 			<div class="navbar-text">
 				<router-link to="/">Bloodline</router-link>
 			</div>
-			<div class="navbar-center" v-if="!isMobile">
-				<!-- <div class="navbar-social-links">
-                        <div class="social-bloodline-badge">
-                            <div class="social-bloodline-badge-icon">
-                                <font-awesome-icon icon="fa-brands fa-discord" />
-							</div>
-							<div class="social-bloodline-badge-text">Discord</div>
-						</div>
-						<div class="social-bloodline-badge">
-                            <div class="social-bloodline-badge-icon">
-                                <font-awesome-icon icon="fa-brands fa-telegram" />
-							</div>
-							<div class="social-bloodline-badge-text">Telegram</div>
-						</div>
-						<div class="social-bloodline-badge">
-                            <div class="social-bloodline-badge-icon">
-                                <font-awesome-icon icon="fa-brands fa-twitter" />
-							</div>
-							<div class="social-bloodline-badge-text">Twitter</div>
-						</div>
-					</div> -->
-			</div>
+			<div class="navbar-center" v-if="!isMobile"></div>
 			<div class="navbar-end">
 				<div class="navbar-navigation mid-text" v-if="!isMobile">
 					<div
@@ -128,10 +107,6 @@ onBeforeUnmount(() => {
 </script>
 
 <style lang="sass" scoped>
-// margin-bottom: 82px
-// @media (min-width: 992px)
-//     margin-bottom: 128px
-
 .navbar
     position: fixed
     z-index: 3
@@ -142,7 +117,7 @@ onBeforeUnmount(() => {
     transition: transform .3s ease,visibility 0s .3s linear
     height: 82px
     @media (min-width: 992px)
-        height: 128px
+        height: 96px
     // &.navbar--hidden
     //     transform: translate3d(0,-100%,0)
     .navbar-inner
@@ -158,8 +133,8 @@ onBeforeUnmount(() => {
                 height: 50px
                 width: 50px
                 @media (min-width: 992px)
-                    height: 75px
-                    width: 75px
+                    height: 56px
+                    width: 56px
 
         .navbar-text
             font-family: 'Vampire', sans-serif
@@ -168,7 +143,7 @@ onBeforeUnmount(() => {
             letter-spacing: 0.138em
             line-height: 73.107px
             @media (min-width: 992px)
-                font-size: 64px
+                font-size: 48px
             a
                 text-decoration: none
                 color: white
@@ -237,6 +212,6 @@ onBeforeUnmount(() => {
                 &:hover,&:active,&:focus
                     cursor: pointer
                 img
-                    width: 45px
-                    height: 45px
+                    width: 32px
+                    height: 32px
 </style>