valaxy-theme-hairy 0.0.15 → 0.0.16

package/components/HairyBody.vue

@@ -11,7 +11,7 @@ const showWaline = computed(() => route.path.includes('/posts/') || fr.value.wal
 <template>
   <div class="HairyBody min-h-49vh relative">
     <div class="mx-auto breakpoint flex z-1 relative">
-      <div class="relative flex-1 pt-2">
+      <div class="relative flex-1 pt-2 w-0">
         <slot />
         <HairyWaline v-if="showWaline" />
       </div>

package/components/HairyFooter.vue

@@ -45,7 +45,7 @@ const footerIcon = computed(() => themeConfig.value.footer.icon)
       <span class="mx-2">|</span>
       <span v-if="config.comment.waline" class="flex items-center">
         <div class="i-ri-eye-fill mr-1" />
-        <span class="waline-pageview-count" data-path="/" />
+        <span class="waline-pageview-count" data-path="/">1</span>
       </span>
     </div>
 

package/components/HairyLayout.vue

@@ -9,7 +9,7 @@ defineProps<{
 </script>
 
 <template>
-  <div class="HairyLayout min-h-100vh">
+  <div class="HairyLayout min-h-80vh">
     <HairyNav />
     <HairyHeader v-bind="header">
       <template #description>

package/layouts/post.vue

@@ -35,7 +35,7 @@ const displayTag = (tag: string) => {
       <div class="border-t border-gray-200 dark:border-gray-600"></div>
       <div class="flex items-center justify-end mt-2">
         <div class="i-ri-eye-fill mr-2" />
-        阅读次数 <span class="waline-pageview-count mx-2" /> 次
+        阅读次数 <span class="waline-pageview-count mx-2">1</span> 次
       </div>
     </div>
     <template #body-slide>

package/modules/loading.scss

@@ -1,10 +1,11 @@
 .hy-loading {
-  position: absolute;
+  position: fixed;
   top: 0;
   left: 0;
+  bottom: 0;
+  right: 0;
   z-index: 100;
-  width: 100vw;
-  height: 100%;
+
   background: #eee;
 
   transition: opacity 0.5s;
@@ -14,10 +15,10 @@
     height: 50px;
     position: fixed;
     top: 50%;
-    left: 50%;
-    margin-left: -50px;
+    margin: auto;
     margin-top: -50px;
-
+    left: 0;
+    right: 0;
   }
 
   #preloader {

package/modules/loading.ts

@@ -30,6 +30,8 @@ function showFullLoading() {
     el = createElement()
   el.style.opacity = '0'
   document.body.appendChild(el)
+  document.body.style.overflow = 'hidden'
+
   setTimeout(() => el.style.opacity = '1')
   isLoading.value = true
 }
@@ -38,6 +40,7 @@ function hideFullLoading() {
   if (!el)
     return
   el.style.opacity = '0'
+  document.body.style.overflow = ''
   setTimeout(() => {
     isLoading.value = true
     el.remove()

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "valaxy-theme-hairy",
-  "version": "0.0.15",
+  "version": "0.0.16",
   "packageManager": "pnpm@7.5.0",
   "author": {
     "email": "wwu710632@gmail.com",

package/styles/markdown.scss

@@ -48,6 +48,16 @@ html.dark {
   max-width: calc(100vw - 56px);
 }
 
+.markdown-body div[class*=language-] {
+  width: 100%;
+}
+
+@media screen and (max-width: 640px) {
+  .markdown-body div[class*=language-] {
+    margin: auto;
+  }
+}
+
 
 .prose :where(:not(pre) > code):not(:where(.not-prose, .not-prose *))::before,
 .prose :where(:not(pre) > code):not(:where(.not-prose, .not-prose *))::after {
@@ -63,6 +73,10 @@ html.dark {
   --un-prose-borders: var(--hy-c-primary);
 }
 
+.markdown-body div[class*=language-] pre {
+  max-width: none;
+}
+
 .prose :where(blockquote):not(:where(.not-prose, .not-prose *)) {
   background: rgba(200, 200, 200, 0.1);
   @apply py-1px;