update
This commit is contained in:
@@ -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 -->
|
||||
|
||||
@@ -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 -->
|
||||
|
||||
@@ -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">
|
||||
|
||||
Reference in New Issue
Block a user