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:
@@ -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};
|
||||
|
||||
Reference in New Issue
Block a user