add empty component and poilsh styles

This commit is contained in:
pa
2026-01-22 19:05:35 +09:00
parent 1514012c4c
commit 3c37071011
22 changed files with 296 additions and 65 deletions
@@ -14,7 +14,7 @@
<div>
<Popover>
<PopoverTrigger asChild>
<Button class="rounded-full mr-2" size="icon" variant="outline">
<Button class="rounded-full mr-2" size="icon" variant="ghost">
<Settings />
</Button>
</PopoverTrigger>
@@ -112,7 +112,9 @@
</div>
</template>
</div>
<div v-else class="friend-view__empty">{{ t('view.friends_locations.no_matching_friends') }}</div>
<div v-else class="friend-view__empty">
<DataTableEmpty type="nomatch" />
</div>
</div>
<div v-else class="friend-view__initial-loading">
<Loader2 class="friend-view__loading-icon" :size="22" />
@@ -126,6 +128,7 @@
import { Tabs, TabsList, TabsTrigger } from '@/components/ui/tabs';
import { Loader2, Settings } from 'lucide-vue-next';
import { Button } from '@/components/ui/button';
import { DataTableEmpty } from '@/components/ui/data-table';
import { InputGroupSearch } from '@/components/ui/input-group';
import { storeToRefs } from 'pinia';
import { useI18n } from 'vue-i18n';