feat: update icons and improve loading states in various components

- Updated `hard-drive.vue` and `shield-user.vue` icons to use `currentColor` for better color management.
- Enhanced `BaseTable.vue` to support skeleton loading rows and improved loading state rendering.
- Refactored notification components to use new icon components (`Inbox`, `Video`, `Credit`, `BellOff`, `BellDot`) instead of icon classes.
- Added new icons for `BellDot` and `BellOff`.
- Improved the `QuickActions.vue` component for better hover effects.
- Updated various settings components to use consistent icon styling and improved accessibility.
- Refactored `AdsVastTable.tsx`, `DangerZone.vue`, `DomainsDnsTable.vue`, `PlayerConfigsTable.vue`, and `PopupAdsTable.tsx` to streamline loading states and skeleton rendering.
This commit is contained in:
2026-03-29 22:31:41 +07:00
parent 8515498ade
commit b435638774
37 changed files with 143 additions and 90 deletions

6
components.d.ts vendored
View File

@@ -30,6 +30,8 @@ declare module 'vue' {
AsyncSelect: typeof import('./src/components/ui/AsyncSelect.vue')['default']
BaseTable: typeof import('./src/components/ui/BaseTable.vue')['default']
Bell: typeof import('./src/components/icons/Bell.vue')['default']
BellDot: typeof import('./src/components/icons/BellDot.vue')['default']
BellOff: typeof import('./src/components/icons/BellOff.vue')['default']
Chart: typeof import('./src/components/icons/Chart.vue')['default']
CheckCircleIcon: typeof import('./src/components/icons/CheckCircleIcon.vue')['default']
CheckIcon: typeof import('./src/components/icons/CheckIcon.vue')['default']
@@ -53,6 +55,7 @@ declare module 'vue' {
HeartIcon: typeof import('./src/components/icons/HeartIcon.vue')['default']
Home: typeof import('./src/components/icons/Home.vue')['default']
ImageIcon: typeof import('./src/components/icons/ImageIcon.vue')['default']
Inbox: typeof import('./src/components/icons/Inbox.vue')['default']
InfoIcon: typeof import('./src/components/icons/InfoIcon.vue')['default']
LanguageIcon: typeof import('./src/components/icons/LanguageIcon.vue')['default']
Layout: typeof import('./src/components/icons/Layout.vue')['default']
@@ -121,6 +124,8 @@ declare global {
const AsyncSelect: typeof import('./src/components/ui/AsyncSelect.vue')['default']
const BaseTable: typeof import('./src/components/ui/BaseTable.vue')['default']
const Bell: typeof import('./src/components/icons/Bell.vue')['default']
const BellDot: typeof import('./src/components/icons/BellDot.vue')['default']
const BellOff: typeof import('./src/components/icons/BellOff.vue')['default']
const Chart: typeof import('./src/components/icons/Chart.vue')['default']
const CheckCircleIcon: typeof import('./src/components/icons/CheckCircleIcon.vue')['default']
const CheckIcon: typeof import('./src/components/icons/CheckIcon.vue')['default']
@@ -144,6 +149,7 @@ declare global {
const HeartIcon: typeof import('./src/components/icons/HeartIcon.vue')['default']
const Home: typeof import('./src/components/icons/Home.vue')['default']
const ImageIcon: typeof import('./src/components/icons/ImageIcon.vue')['default']
const Inbox: typeof import('./src/components/icons/Inbox.vue')['default']
const InfoIcon: typeof import('./src/components/icons/InfoIcon.vue')['default']
const LanguageIcon: typeof import('./src/components/icons/LanguageIcon.vue')['default']
const Layout: typeof import('./src/components/icons/Layout.vue')['default']