···

       
69
       
 
       
        ]">

     

       
70
       
 
       
            <header :class="[

     

       
71
       
 
       
                'border-b-2 border-stone-200 dark:border-stone-800',

     

       
72
       
-
       
                'py-8',

     

       
73
       
 
       
                'flex justify-between align-center',

     

       
74
       
 
       
            ]">

     

       
75
       
 
       
                <div class="flex items-center gap-4 sm:gap-6">

     

···

       
69
       
 
       
        ]">

     

       
70
       
 
       
            <header :class="[

     

       
71
       
 
       
                'border-b-2 border-stone-200 dark:border-stone-800',

     

       
72
       
+
       
                'py-6 md:py-8',

     

       
73
       
 
       
                'flex justify-between align-center',

     

       
74
       
 
       
            ]">

     

       
75
       
 
       
                <div class="flex items-center gap-4 sm:gap-6">

     

···

       
39
       
 
       
                <h1 class="text-4xl font-bold">

     

       
40
       
 
       
                    {{ post.title }}

     

       
41
       
 
       
                </h1>

     

       
42
       
-
       
                <div class="flex items-center justify-start gap-4 mt-4 text-neutral-600 dark:text-neutral-300">

     

       
43
       
 
       
                    <div v-if="post.authors" class="flex items-center gap-1">

     

       
44
       
 
       
                        <img v-if="post.authors[0]?.name === config.author" src="/logo.png" :alt="post.authors[0].name"

     

       
45
       
 
       
                            class="w-8 h-8 rounded-full mr-2">

     
···

       
65
       
 
       
                            }) }}

     

       
66
       
 
       
                        </span>

     

       
67
       
 
       
                    </span>

     

       
68
       
-
       
·

     

       
69
       
 
       
                    <div>

     

       
70
       
-
       
                        <span v-for="tag in post.tags" :key="tag" class="mr-2 mb-2 px-3 py-1 text-sm bg-stone-200 dark:bg-stone-700 text-stone-600 dark:text-stone-400 rounded-full">

     

       
71
       
 
       
                            {{ tag }}

     

       
72
       
 
       
                        </span>

     

       
73
       
 
       
                    </div>

     

···

       
39
       
 
       
                <h1 class="text-4xl font-bold">

     

       
40
       
 
       
                    {{ post.title }}

     

       
41
       
 
       
                </h1>

     

       
42
       
+
       
                <div class="flex flex-wrap items-center justify-start gap-4 mt-4 text-neutral-600 dark:text-neutral-300">

     

       
43
       
 
       
                    <div v-if="post.authors" class="flex items-center gap-1">

     

       
44
       
 
       
                        <img v-if="post.authors[0]?.name === config.author" src="/logo.png" :alt="post.authors[0].name"

     

       
45
       
 
       
                            class="w-8 h-8 rounded-full mr-2">

     
···

       
65
       
 
       
                            }) }}

     

       
66
       
 
       
                        </span>

     

       
67
       
 
       
                    </span>

     

       
68
       
+
       
                    ·

     

       
69
       
 
       
                    <div>

     

       
70
       
+
       
                        <span v-for="tag in post.tags" :key="tag" class="mr-2 mb-2 px-3 py-1 text-xs md:text-sm bg-stone-200 dark:bg-stone-700 text-stone-600 dark:text-stone-400 rounded-full">

     

       
71
       
 
       
                            {{ tag }}

     

       
72
       
 
       
                        </span>

     

       
73
       
 
       
                    </div>