This commit is contained in:
Baobhan Sith
2025-04-25 21:45:47 +08:00
parent b955fbc8a5
commit 5b3c6f325a
4 changed files with 8 additions and 4 deletions
@@ -4,7 +4,8 @@
{{ $t('settings.notifications.title') }}
</h2>
<div v-if="store.isLoading" class="p-4 text-center text-text-secondary italic"> <!-- Loading state -->
<!-- Loading state (Only show if loading AND no settings are displayed yet) -->
<div v-if="store.isLoading && settings.length === 0" class="p-4 text-center text-text-secondary italic">
{{ $t('common.loading') }}
</div>
<div v-if="store.error" class="p-4 mb-4 border-l-4 border-error bg-error/10 text-error rounded"> <!-- Error state using error color -->
@@ -30,7 +30,8 @@ const formatTimestamp = (timestamp: number | null): string => {
<template>
<div class="mt-4"> <!-- Container with top margin -->
<div v-if="isLoading" class="p-4 border border-border rounded-md mb-4 text-text-secondary bg-header/50 text-center italic"> <!-- Loading state consistent with Notifications -->
<!-- Loading state (Only show if loading AND no proxies are displayed yet) -->
<div v-if="isLoading && proxies.length === 0" class="p-4 border border-border rounded-md mb-4 text-text-secondary bg-header/50 text-center italic">
{{ t('proxies.loading') }}
</div>
<div v-else-if="error" class="p-4 mb-4 border-l-4 border-error bg-error/10 text-error rounded"> <!-- Error state consistent with Notifications -->
+2 -1
View File
@@ -29,7 +29,8 @@
</div>
<!-- End Filtering Controls -->
<div v-if="store.isLoading" class="p-4 text-center text-text-secondary italic"> <!-- Loading state -->
<!-- Loading state (Only show if loading AND no logs are displayed yet) -->
<div v-if="store.isLoading && logs.length === 0" class="p-4 text-center text-text-secondary italic">
{{ $t('common.loading') }}
</div>
<div v-if="store.error" class="p-4 mb-4 border-l-4 border-error bg-error/10 text-error rounded"> <!-- Error state -->
+2 -1
View File
@@ -242,7 +242,8 @@
<hr class="border-border/50">
<!-- Blacklist table -->
<h3 class="text-base font-semibold text-foreground">{{ $t('settings.ipBlacklist.currentBannedTitle') }}</h3>
<div v-if="ipBlacklist.loading" class="p-4 text-center text-text-secondary italic">{{ $t('settings.ipBlacklist.loadingList') }}</div>
<!-- Loading state (Only show if loading AND no entries are displayed yet) -->
<div v-if="ipBlacklist.loading && ipBlacklist.entries.length === 0" class="p-4 text-center text-text-secondary italic">{{ $t('settings.ipBlacklist.loadingList') }}</div>
<div v-if="ipBlacklist.error" class="p-3 border-l-4 border-error bg-error/10 text-error text-sm rounded">{{ ipBlacklist.error }}</div>
<div v-if="!ipBlacklist.loading && !ipBlacklist.error">
<div v-if="ipBlacklist.entries.length > 0" class="overflow-x-auto border border-border rounded-lg shadow-sm bg-background">