fix style

src/components/Navigation.astro

@@ -35,7 +35,7 @@ const menuList = ref<{
             <img
               src="https://oss.nbtca.space/CA-logo.svg"
               alt=""
-              style="width: 28px; aspect-ratio: 1;"
+              style="width: 32px; aspect-ratio: 1;"
             />
             <span class="hidden md:block">
               {SITE_TITLE}
@@ -51,6 +51,7 @@ const menuList = ref<{
                 ),
               )
             }
+            <div class="hidden lg:bock h-4 w-[0.5px] bg-gray-300 ml-1 mr-3"></div>
             <NavigationUser client:load />
           </div>
         </div>

src/components/NavigationUser.vue

@@ -16,7 +16,7 @@ const onSignOut = async () => {
 const isAuthenticated = ref<boolean>()
 const userInfo = ref<IdTokenClaims>()
 const initAuth = async () => {
-  if(!logtoClient.value){
+  if (!logtoClient.value) {
     return
   }
   try {
@@ -34,7 +34,7 @@ onMounted(() => {
 })
 </script>
 <template>
-  <div class="flex items-center justify-center w-12">
+  <div class="flex items-center justify-center w-10">
     <div @click="onSignIn" v-if="isAuthenticated === false" class="">
       <a class="nav-item-content px-2 hover:text-[#2997ff] text-nowrap cursor-pointer">登入</a>
     </div>
@@ -42,8 +42,8 @@ onMounted(() => {
       <Menu as="div" class="relative inline-block text-left">
         <div>
           <MenuButton class="flex items-center focus:outline-none">
-            <div class="h-7 w-7 rounded-full border border-gray-300 overflow-hidden">
+            <div class="h-8 aspect-square rounded-full border border-gray-300 overflow-hidden">
-              <img :src="userInfo.picture" alt="" class="w-full" />
+              <img :src="userInfo.picture" alt="https://oss.nbtca.space/CA-logo.svg" class="w-full" />
             </div>
           </MenuButton>
         </div>
@@ -57,9 +57,9 @@ onMounted(() => {
           leave-to-class="transform scale-95 opacity-0"
         >
           <MenuItems
-            class="absolute right-0 mt-2 w-32 origin-top-right divide-y divide-gray-100 rounded-md bg-white shadow-lg ring-1 ring-black/5 focus:outline-none"
+            class="absolute right-0 mt-2 w-32 origin-top-right rounded-md bg-white shadow-lg ring-1 ring-black/5 focus:outline-none"
           >
-            <div class="px-1 py-1">
+            <div class="p-1">
               <MenuItem v-slot="{ active }">
                 <button
                   @click="onSignOut"

src/pages/index.astro

@@ -8,6 +8,11 @@ allPosts.sort(
   (a, b) =>
     Date.parse(b.frontmatter.pubDate) - Date.parse(a.frontmatter.pubDate),
 )
+
+Blogs.sort(
+  (a, b) =>
+    Date.parse(b.frontmatter.pubDate) - Date.parse(a.frontmatter.pubDate),
+)
 ---
 
   <BaseLayout>
@@ -72,7 +77,7 @@ allPosts.sort(
         <ul role="list" class="section-tiles">
           {
           // tile-2up
-          allPosts.slice(0, 6).map((post) => {
+            allPosts.slice(12, 18).map((post) => {
               return (
                 <MoreTile
                   title={post.frontmatter.title}
@@ -85,7 +90,7 @@ allPosts.sort(
             })
           }
           {
-          Blogs.slice(1, 7).map((post) => {
+            Blogs.slice(0, 4).map((post) => {
               return (
                 <MoreTile
                   title={post.frontmatter.title}

src/pages/posts/blogs/test.md

@@ -1,11 +0,0 @@
----
-layout: "../../../layouts/MarkdownPost.astro"
-title: "My Markdown page"
-cover:
-  url: "https://example.com/image.jpg"
-tags: ["markdown", "example"]
----
-
-# Title
-
-This is my page, written in **Markdown.**

src/pages/posts/影留宁理2024.md

@@ -25,6 +25,6 @@ featured: true
 
 本次活动是计算机第一次尝试这种新的活动形式，虽然经过充分的策划和安排，实际活动的过程仍然遇到困难。但是这一次活动的举办，依旧具有意义。本次活动中拍摄大约50多组照片，打印约有100多张照片。当照片从打印机出来的那一刻，在毕业氛围的烘托下，纪念意义具象化。
 
-![交付流程](https://oss.nbtca.space/blog/clas/YQL05421-b4F8qj.jpg)
-
 我们在活动时间内不仅有固定摊位的拍摄，同时也有流动拍摄，希望我们的拍摄活动可以为毕业的学长学姐留下独属于他们自己的记忆。
+
+![交付流程](https://oss.nbtca.space/blog/clas/YQL05421-b4F8qj.jpg)