chore: minor fix (bump version: 1.0.0-alpha.4)

package.json

@@ -1,6 +1,6 @@
 {
   "name": "blog-now",
-  "version": "1.0.0-alpha.3",
+  "version": "1.0.0-alpha.4",
   "author": "Dragon-Fish <[email protected]>",
   "license": "MIT",
   "private": true,

src/components/FloatToolbox.vue

@@ -60,6 +60,7 @@ import {
 import QuickEdit from './QuickEdit.vue'
 import { useRouter } from 'vue-router'
 import { userData } from '../utils'
+import scrollTo from 'animated-scroll-to'
 
 const router = useRouter()
 
@@ -81,12 +82,13 @@ watch(isHide, (val) => {
   }
 })
 
+function backToTop() {
+  scrollTo(0, { maxDuration: 800 })
+}
+
 onMounted(() => {
   isHide.value = localStorage.getItem('BLOGNOW_TOOLBOX_STATE') === 'hide'
 })
-function backToTop() {
-  window.scrollTo({ top: 0, behavior: 'smooth' })
-}
 </script>
 
 <style scoped lang="sass">
@@ -156,6 +158,12 @@ function backToTop() {
 [data-at-top='true']
   #back-to-top
     display: none !important
+
+@media screen and (max-width: 800px)
+  #float-toolbox
+    .fixed-container
+      right: 50%
+      transform: translateX(50%)
 </style>
 
 <style lang="sass">

src/components/GlobalHeader.vue

@@ -14,17 +14,9 @@ nav#global-header.flex.gap-1
 </template>
 
 <script setup lang="ts">
-import { onMounted, ref } from 'vue'
-import { useRouter } from 'vue-router'
+import { onMounted } from 'vue'
 import GlobalHeaderUserDropdown from './GlobalHeaderUserDropdown.vue'
 
-const userDropdownShow = ref(false)
-const router = useRouter()
-
-router.beforeEach(() => {
-  userDropdownShow.value = false
-})
-
 onMounted(() => {
   document.addEventListener('scroll', () => {
     document.body.setAttribute(

src/components/GlobalHeaderUserDropdown.vue

@@ -52,9 +52,15 @@
 import { onMounted, ref } from 'vue'
 import { getAvatar, userData, isLoggedIn } from '../utils'
 import { AngleDown } from '@vicons/fa'
+import { useRouter } from 'vue-router'
+const router = useRouter()
 
 const userDropdownShow = ref(false)
 
+router.beforeEach(() => {
+  userDropdownShow.value = false
+})
+
 onMounted(() => {
   document.body.addEventListener('click', () => {
     userDropdownShow.value = false

src/router.ts

@@ -8,18 +8,15 @@ const router = createRouter({
     if (savedPosition) {
       return savedPosition
     } else {
-      return {
-        top: 0,
-        left: 0,
-        behavior: 'smooth',
-      }
+      scrollTo(0, { maxDuration: 800 })
     }
   },
 })
 
 router.afterEach(({ name }) => {
   document.body.setAttribute('data-route', name as string)
   document.body.style.overflow = 'visible'
+  document.documentElement.style.overflow = 'visible'
 })
 
 // Home

src/styles/elements.sass

@@ -1,12 +1,12 @@
 // Header
-@mixin header-shared($shadow-color)
+@mixin header-shared($shadow-color, $bg-width)
   position: relative
   text-shadow: 0px 2px 0 var(--theme-text-shadow-color)
   z-index: 1
   &::after
-    width: 50%
-    height: 0.5em
     content: ""
+    width: $bg-width
+    height: 0.5em
     display: block
     position: absolute
     background-color: $shadow-color

src/styles/post-content.sass

@@ -19,26 +19,23 @@
 #edit-post-container .v-md-editor__preview-wrapper,
 .site-style
   h1
-    @include header-shared(rgba(var(--theme-accent-color--rgb), 0.5))
+    @include header-shared(rgba(var(--theme-accent-color--rgb), 0.5), 75%)
     margin-top: 1rem
     margin-bottom: 1rem
     padding: 0 0.4rem
     border: none
 
   h2
-    @include header-shared(rgba(var(--theme-accent-color--rgb), 0.35))
-    display: inline-block
+    @include header-shared(rgba(var(--theme-accent-color--rgb), 0.35), 50%)
     margin: 0.4rem 0
     padding: 0 0.4rem
 
   h3
-    @include header-shared(rgba(var(--theme-accent-color--rgb), 0.25))
-    display: inline-block
+    @include header-shared(rgba(var(--theme-accent-color--rgb), 0.25), 35%)
     margin: 0.4rem 0
     padding: 0 0.4rem
 
   h4
-    @include header-shared(rgba(var(--theme-accent-color--rgb), 0.2))
-    display: inline-block
+    @include header-shared(rgba(var(--theme-accent-color--rgb), 0.2), 25%)
     margin: 0.4rem 0
     padding: 0 0.4rem