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

View File

@@ -242,10 +242,10 @@ export default defineConfig({
--capra-ramp-3: #ff530f;
--capra-ramp-4: #e62c6d;
--capra-ramp-5: #b25aff;
--fill1: color-mix(in srgb, var(--colors-primary-DEFAULT) 40%, transparent);
--fill2: color-mix(in srgb, var(--colors-primary-DEFAULT) 60%, transparent);
--fill3: color-mix(in srgb, var(--colors-primary-DEFAULT) 80%, transparent);
--fill4: var(--colors-primary-DEFAULT);
--fill1: color-mix(in srgb, currentColor 40%, transparent);
--fill2: color-mix(in srgb, currentColor 60%, transparent);
--fill3: color-mix(in srgb, currentColor 80%, transparent);
--fill4: currentColor;
}
:focus {
outline-color: ${context.theme.colors?.primary?.active};