chore: bump @tabler/core to 1.0.0-beta20

This commit is contained in:
Nicolas Meienberger 2023-10-18 08:36:02 +02:00
parent f928b5a056
commit ab950340e2
11 changed files with 26 additions and 21 deletions

View file

@ -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",

View file

@ -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

View file

@ -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>

View file

@ -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>
))}

View file

@ -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>
))}

View file

@ -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 = {

View file

@ -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>
);

View file

@ -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>
</>
);
};

View file

@ -1,3 +1,4 @@
.title {
min-height: 50px;
min-width: 200px;
}

View file

@ -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>

View file

@ -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>
);
});