chore: bump @tabler/core to 1.0.0-beta20
This commit is contained in:
parent
f928b5a056
commit
ab950340e2
11 changed files with 26 additions and 21 deletions
|
@ -43,7 +43,7 @@
|
|||
"@radix-ui/react-tabs": "^1.0.4",
|
||||
"@runtipi/postgres-migrations": "^5.3.0",
|
||||
"@runtipi/shared": "workspace:^",
|
||||
"@tabler/core": "1.0.0-beta19",
|
||||
"@tabler/core": "1.0.0-beta20",
|
||||
"@tabler/icons-react": "^2.39.0",
|
||||
"argon2": "^0.31.1",
|
||||
"bullmq": "^4.12.3",
|
||||
|
|
|
@ -42,8 +42,8 @@ importers:
|
|||
specifier: workspace:^
|
||||
version: link:packages/shared
|
||||
'@tabler/core':
|
||||
specifier: 1.0.0-beta19
|
||||
version: 1.0.0-beta19
|
||||
specifier: 1.0.0-beta20
|
||||
version: 1.0.0-beta20
|
||||
'@tabler/icons-react':
|
||||
specifier: ^2.39.0
|
||||
version: 2.39.0(react@18.2.0)
|
||||
|
@ -2909,10 +2909,11 @@ packages:
|
|||
dependencies:
|
||||
tslib: 2.6.2
|
||||
|
||||
/@tabler/core@1.0.0-beta19:
|
||||
resolution: {integrity: sha512-iJWAuAWeekCxb7eGeM34Qwz32nlqykp0IeRn5W1z1hTCuU0arQknHphDs36ODxAiYwEXnY3yfKHOUvpW+Lr5Vg==}
|
||||
/@tabler/core@1.0.0-beta20:
|
||||
resolution: {integrity: sha512-OzKpur+Ug7e+HMbNJrMcSuWZGUsJTvu7HYboBNRE8qyo1RKIWqvwL5YewKBJ+odW5pDOqBPzbsS4je3EBQQxHw==}
|
||||
engines: {node: '>=18'}
|
||||
peerDependencies:
|
||||
'@melloware/coloris': ^0.19.1
|
||||
apexcharts: ^3.40.0
|
||||
autosize: ^6.0.1
|
||||
choices.js: ^10.2.0
|
||||
|
@ -2930,6 +2931,8 @@ packages:
|
|||
tinymce: ^6.4.2
|
||||
tom-select: ^2.2.2
|
||||
peerDependenciesMeta:
|
||||
'@melloware/coloris':
|
||||
optional: true
|
||||
apexcharts:
|
||||
optional: true
|
||||
autosize:
|
||||
|
@ -2964,7 +2967,8 @@ packages:
|
|||
optional: true
|
||||
dependencies:
|
||||
'@popperjs/core': 2.11.8
|
||||
bootstrap: 5.3.0-alpha3(@popperjs/core@2.11.8)
|
||||
'@tabler/icons': 2.39.0
|
||||
bootstrap: 5.3.1(@popperjs/core@2.11.8)
|
||||
dev: false
|
||||
|
||||
/@tabler/icons-react@2.39.0(react@18.2.0):
|
||||
|
@ -4077,10 +4081,10 @@ packages:
|
|||
individual: 3.0.0
|
||||
dev: true
|
||||
|
||||
/bootstrap@5.3.0-alpha3(@popperjs/core@2.11.8):
|
||||
resolution: {integrity: sha512-FBhOWMxkCFr74hesJdchLXhqagPTXS+kRNU3gE0FR5Ki/AdPSz32Ik96Z28+yBluCnE/pc9st7l1yPwKgbtfSA==}
|
||||
/bootstrap@5.3.1(@popperjs/core@2.11.8):
|
||||
resolution: {integrity: sha512-jzwza3Yagduci2x0rr9MeFSORjcHpt0lRZukZPZQJT1Dth5qzV7XcgGqYzi39KGAVYR8QEDVoO0ubFKOxzMG+g==}
|
||||
peerDependencies:
|
||||
'@popperjs/core': ^2.11.7
|
||||
'@popperjs/core': ^2.11.8
|
||||
dependencies:
|
||||
'@popperjs/core': 2.11.8
|
||||
dev: false
|
||||
|
|
|
@ -193,7 +193,7 @@ export const AppDetailsContainer: React.FC<IProps> = ({ app, localDomain }) => {
|
|||
<div className="w-100 d-flex flex-column ms-md-3 align-items-center align-items-md-start">
|
||||
<div>
|
||||
<span className="mt-1 me-1">{t('apps.app-details.version')}: </span>
|
||||
<span className="badge bg-gray mt-2">{app.info.version}</span>
|
||||
<span className="badge bg-muted mt-2 text-white">{app.info.version}</span>
|
||||
</div>
|
||||
<span className="mt-1 text-muted text-center mb-2">{app.info.short_desc}</span>
|
||||
<div className="mb-1">{customStatus !== 'missing' && <AppStatus status={customStatus} />}</div>
|
||||
|
|
|
@ -36,7 +36,7 @@ export const AppDetailsTabs: React.FC<IProps> = ({ info }) => {
|
|||
</DataGridItem>
|
||||
<DataGridItem title={t('categories-title')}>
|
||||
{info.categories.map((c) => (
|
||||
<div key={c} className="badge bg-green me-1">
|
||||
<div key={c} className="badge text-white bg-green me-1">
|
||||
{t(`categories.${c}`)}
|
||||
</div>
|
||||
))}
|
||||
|
@ -45,7 +45,7 @@ export const AppDetailsTabs: React.FC<IProps> = ({ info }) => {
|
|||
{info.supported_architectures && (
|
||||
<DataGridItem title={t('supported-arch')}>
|
||||
{info.supported_architectures.map((a) => (
|
||||
<div key={a} className="badge bg-red me-1">
|
||||
<div key={a} className="badge text-white bg-red me-1">
|
||||
{a.toLowerCase()}
|
||||
</div>
|
||||
))}
|
||||
|
|
|
@ -27,7 +27,7 @@ export const AppStoreTile: React.FC<{ app: App }> = ({ app }) => {
|
|||
<h3 className="text-bold h-3 mb-2">{limitText(app.name, 20)}</h3>
|
||||
<p className="text-muted text-nowrap mb-2">{limitText(app.short_desc, 30)}</p>
|
||||
{app.categories?.map((category) => (
|
||||
<div className={`badge me-1 bg-${colorSchemeForCategory[category]}`} key={`${app.id}-${category}`}>
|
||||
<div className={`text-white badge me-1 bg-${colorSchemeForCategory[category]}`} key={`${app.id}-${category}`}>
|
||||
{t(`categories.${category}`)}
|
||||
</div>
|
||||
))}
|
||||
|
|
|
@ -55,7 +55,7 @@ export const colorSchemeForCategory: Record<AppCategory, string> = {
|
|||
development: 'red',
|
||||
utilities: 'muted',
|
||||
photography: 'purple',
|
||||
security: 'organge',
|
||||
security: 'orange',
|
||||
social: 'yellow',
|
||||
featured: 'lime',
|
||||
data: 'green',
|
||||
|
@ -63,7 +63,7 @@ export const colorSchemeForCategory: Record<AppCategory, string> = {
|
|||
music: 'cyan',
|
||||
finance: 'dark',
|
||||
gaming: 'pink',
|
||||
ai: 'gray',
|
||||
ai: 'muted',
|
||||
};
|
||||
|
||||
type AppCategoryEntry = {
|
||||
|
|
|
@ -38,7 +38,7 @@ export const NavBar: React.FC<IProps> = ({ isUpdateAvailable }) => {
|
|||
{renderItem(t('app-store'), 'app-store', IconBrandAppstore)}
|
||||
{renderItem(t('settings'), 'settings', IconSettings)}
|
||||
</ul>
|
||||
{Boolean(isUpdateAvailable) && <span className="ms-2 badge bg-green d-none d-lg-block">{t('update-available')}</span>}
|
||||
{Boolean(isUpdateAvailable) && <span className="ms-2 badge text-white bg-green d-none d-lg-block">{t('update-available')}</span>}
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
|
|
|
@ -36,7 +36,7 @@ export const PageTitle = ({ apps }: Props) => {
|
|||
return (
|
||||
<>
|
||||
<div className="page-pretitle">{renderBreadcrumbs()}</div>
|
||||
<h2 className="page-title">{title}</h2>
|
||||
<h2 className="page-title mt-1">{title}</h2>
|
||||
</>
|
||||
);
|
||||
};
|
||||
|
|
|
@ -1,3 +1,4 @@
|
|||
.title {
|
||||
min-height: 50px;
|
||||
min-width: 200px;
|
||||
}
|
||||
|
|
|
@ -29,11 +29,11 @@ export default async function DashboardLayout({ children }: { children: React.Re
|
|||
<div className="page-wrapper">
|
||||
<div className="page-header d-print-none">
|
||||
<div className="container-xl">
|
||||
<div className={clsx(styles.title, 'align-items-stretch align-items-md-center d-flex flex-column flex-md-row ')}>
|
||||
<div className="me-3 text-white">
|
||||
<div className={clsx(styles.title, 'row g-2 align-items-center')}>
|
||||
<div className="col text-white">
|
||||
<PageTitle apps={apps} />
|
||||
</div>
|
||||
<div className="flex-fill">
|
||||
<div className="flex-fill col-auto ms-auto d-print-none">
|
||||
<LayoutActions />
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
@ -15,7 +15,7 @@ export const Button = React.forwardRef<HTMLButtonElement, IProps>(({ type, class
|
|||
const styles = { width: width ? `${width}px` : 'auto' };
|
||||
return (
|
||||
<button style={styles} onClick={onClick} disabled={disabled || loading} ref={ref} className={clsx('btn', className, { disabled: disabled || loading })} type={type} {...rest}>
|
||||
{loading ? <span className="spinner-border spinner-border-sm mb-1 mx-2" role="status" data-testid="loader" aria-hidden="true" /> : children}
|
||||
{loading ? <span className="spinner-border spinner-border-sm mx-2" role="status" data-testid="loader" aria-hidden="true" /> : children}
|
||||
</button>
|
||||
);
|
||||
});
|
||||
|
|
Loading…
Reference in a new issue