@@ -19,7 +19,7 @@ function formatDate(date) {
19
19
20
20
const NotificationsMenu = {
21
21
template : `
22
- <div v-if="!hide" :class="[transition1,'absolute top-12 right-0 z-10 mt-1 origin-top-right rounded-md bg-white dark:bg-gray-800 shadow-lg ring-1 ring-black ring-opacity-5 focus:outline-none w-[30rem]']" role="menu" aria-orientation="vertical" aria-labelledby="menu-button" tabindex="-1">
22
+ <div v-if="!hide" :class="[transition1,'absolute top-12 right-0 z-10 mt-1 origin-top-right rounded-md bg-white dark:bg-gray-800 shadow-lg ring-1 ring-black ring-opacity-5 focus:outline-none w-[26rem] sm:w-[ 30rem]']" role="menu" aria-orientation="vertical" aria-labelledby="menu-button" tabindex="-1">
23
23
<div class="py-1 px-2 bg-gray-50 dark:bg-gray-900 flex justify-between text-sm items-center border-b border-gray-200 dark:border-gray-700">
24
24
<span>
25
25
inbox
@@ -123,7 +123,7 @@ const NotificationsMenu = {
123
123
124
124
const AchievementsMenu = {
125
125
template : `
126
- <div v-if="!hide" :class="[transition1,'absolute top-12 right-0 z-10 mt-1 origin-top-right rounded-md bg-white dark:bg-gray-800 shadow-lg ring-1 ring-black ring-opacity-5 focus:outline-none w-[30rem]']" role="menu" aria-orientation="vertical" aria-labelledby="menu-button" tabindex="-1">
126
+ <div v-if="!hide" :class="[transition1,'absolute top-12 right-0 z-10 mt-1 origin-top-right rounded-md bg-white dark:bg-gray-800 shadow-lg ring-1 ring-black ring-opacity-5 focus:outline-none w-[26rem] sm:w-[ 30rem]']" role="menu" aria-orientation="vertical" aria-labelledby="menu-button" tabindex="-1">
127
127
<div class="py-1 px-2 bg-gray-50 dark:bg-gray-900 flex justify-between text-sm items-center border-b border-gray-200 dark:border-gray-700">
128
128
<span class="py-1">
129
129
achievements
@@ -132,13 +132,13 @@ const AchievementsMenu = {
132
132
<div class="max-h-[20rem] overflow-auto" role="none">
133
133
<ul>
134
134
<li v-for="entry in filteredResults" :key="entry.title">
135
- <div class="py-2 px-2 text-sm flex justify-between font-semibold border-b border-gray-200 dark:border-gray-700 ">
135
+ <div class="py-2 px-2 text-sm flex justify-between font-semibold border-b border-gray-300 dark:border-gray-600 ">
136
136
<span class="">{{entry.title}}</span>
137
137
</div>
138
- <div v-for="item in entry.results" class="pr-2 py-2 text-xs hover:bg-indigo-100 dark:hover:bg-indigo-800 cursor-pointer border-b border-gray-200 dark:border-gray-700" @click="goto(item)">
139
- <b v-if="item.score > 0" class="mr-2 inline-block w-10 text-right text-green-600">+ {{item.score}}</b>
140
- <b v-else-if="item.score < 0" class="mr-2 inline-block w-10 text-right text-red-600">- {{item.score}}</b>
141
- <span class="truncate" :title="item.title">{{item.title}}</span>
138
+ <div v-for="item in entry.results" class="pr-2 py-2 hover:bg-indigo-100 dark:hover:bg-indigo-800 cursor-pointer border-b border-gray-200 dark:border-gray-700" @click="goto(item)">
139
+ <b v-if="item.score > 0" class="mr-2 text-sm inline-block w-10 text-right text-green-600">+{{item.score}}</b>
140
+ <b v-else-if="item.score < 0" class="mr-2 inline-block w-10 text-right text-red-600">-{{item.score}}</b>
141
+ <span class="text-xs font-normal truncate" :title="item.title">{{item.title}}</span>
142
142
</div>
143
143
</li>
144
144
<li v-if="!filteredResults.length">
0 commit comments