mirror of
https://github.com/unraid/api.git
synced 2026-04-23 15:51:24 -05:00
refactor: unraid-ui-web-migration (#1106)
<!-- This is an auto-generated comment: release notes by coderabbit.ai --> ## Summary by CodeRabbit - **New Features** - Introduced enhanced stepper components for smoother multi-step interactions. - Added new loading indicators and improved the loading experience with customizable variants. - **UI Improvements** - Refreshed the global color palette and updated styling across buttons, badges, and loading indicators for a more modern, consistent experience. - Improved the organization and readability of templates and styles across various components. - **Code & Dependency Updates** - Updated key dependencies and revised the theme and configuration settings to improve performance and maintainability. - Introduced new environment variables for better configuration management. - **Legacy Cleanup** - Removed deprecated components and streamlined registrations to simplify the codebase without affecting end-user functionality. - Eliminated unused utility functions and legacy code to enhance overall code quality. <!-- end of auto-generated comment: release notes by coderabbit.ai --> --------- Co-authored-by: mdatelle <mike@datelle.net> Co-authored-by: Eli Bosley <ekbosley@gmail.com>
This commit is contained in:
@@ -1,12 +0,0 @@
|
||||
import type { XCircleIcon } from '@heroicons/vue/24/solid';
|
||||
import type { Component } from 'vue';
|
||||
|
||||
export type UiBadgePropsColor = 'gray' | 'red' | 'yellow' | 'green' | 'blue' | 'indigo' | 'purple' | 'pink' | 'orange' | 'black' | 'white' | 'transparent' | 'current' | 'custom';
|
||||
|
||||
export interface UiBadgeProps {
|
||||
color?: UiBadgePropsColor;
|
||||
icon?: typeof XCircleIcon | Component;
|
||||
iconRight?: typeof XCircleIcon | Component;
|
||||
iconStyles?: string;
|
||||
size?: '12px' | '14px' | '16px' | '18px' | '20px' | '24px';
|
||||
}
|
||||
@@ -1,19 +0,0 @@
|
||||
export type ButtonStyle = 'black' | 'fill' | 'gray' | 'outline' | 'outline-black' | 'outline-white' | 'underline' | 'underline-hover-red' | 'white' | 'none';
|
||||
export interface ButtonProps {
|
||||
btnStyle?: ButtonStyle;
|
||||
btnType?: 'button' | 'submit' | 'reset';
|
||||
class?: string | string[] | Record<string, boolean> | undefined;
|
||||
click?: () => void;
|
||||
disabled?: boolean;
|
||||
download?: boolean;
|
||||
external?: boolean;
|
||||
href?: string;
|
||||
icon?: Component;
|
||||
iconRight?: Component;
|
||||
iconRightHoverDisplay?: boolean;
|
||||
// iconRightHoverAnimate?: boolean;
|
||||
noPadding?: boolean;
|
||||
size?: '12px' | '14px' | '16px' | '18px' | '20px' | '24px';
|
||||
text?: string;
|
||||
title?: string;
|
||||
}
|
||||
Reference in New Issue
Block a user