Docker/portainer
Docker/portainer
1
0
Fork 0
mirror of https://github.com/portainer/portainer.git synced 2025-07-23 07:19:41 +02:00
Code Issues Releases Activity

chore(prettier): add tailwind prettier plugin [EE-4809] (#8221)

Browse source 
* add prettier plugin

* apply tailwind prettier formatting
This commit is contained in:
Ali 2023-02-13 10:04:24 +13:00 • committed by GitHub
parent 9f6702d0b8
commit 58d66d3142
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
226 changed files with 704 additions and 699 deletions
Download patch file Download diff file Expand all files Collapse all files

2
app/react/components/datatables/NestedTable.css
View file

@ -1,5 +1,5 @@
.inner-datatable {
@apply border border-solid rounded-md border-gray-5 th-dark:border-gray-9;
@apply rounded-md border border-solid border-gray-5 th-dark:border-gray-9;
overflow: hidden;
}

2
app/react/components/datatables/SearchBar.tsx
View file

@ -32,7 +32,7 @@ export function SearchBar({
return (
<div
className={clsx('searchBar items-center flex min-w-[90px]', className)}
className={clsx('searchBar flex min-w-[90px] items-center', className)}
>
<Search className="searchIcon lucide shrink-0" />
<input

2
app/react/components/datatables/Table.tsx
View file

@ -23,7 +23,7 @@ function MainComponent({
<div className="table-responsive">
<table
className={clsx(
'table table-hover table-filters nowrap-cells',
'table-hover table-filters nowrap-cells table',
className
)}
role={role}

2
app/react/components/datatables/TableContent.tsx
View file

@ -41,7 +41,7 @@ function TableContentOneColumn({ children }: PropsWithChildren<unknown>) {
// using MAX_SAFE_INTEGER to make sure the single column will be the size of the table
return (
<tr>
<td colSpan={Number.MAX_SAFE_INTEGER} className="text-center text-muted">
<td colSpan={Number.MAX_SAFE_INTEGER} className="text-muted text-center">
{children}
</td>
</tr>

8
app/react/components/datatables/TableHeaderCell.tsx
View file

@ -28,7 +28,7 @@ export function TableHeaderCell({
}: Props) {
return (
<th role={role} style={style} className={className}>
<div className="flex flex-row flex-nowrap h-full items-center gap-1">
<div className="flex h-full flex-row flex-nowrap items-center gap-1">
<SortWrapper
canSort={canSort}
onClick={onSortClick}
@ -66,12 +66,12 @@ function SortWrapper({
type="button"
onClick={() => onClick(!isSortedDesc)}
className={clsx(
'!bg-transparent w-full h-full !ml-0 !px-0 border-none focus:border-none',
'!ml-0 h-full w-full border-none !bg-transparent !px-0 focus:border-none',
styles.sortable,
isSorted && styles.sortingActive
)}
>
<div className="flex flex-row justify-start items-center w-full h-full">
<div className="flex h-full w-full flex-row items-center justify-start">
{children}
<TableHeaderSortIcons
sorted={isSorted}
@ -97,7 +97,7 @@ export function TableColumnHeaderAngular({
isSortedDesc = true,
}: TableColumnHeaderAngularProps) {
return (
<div className="flex flex-row flex-nowrap h-full">
<div className="flex h-full flex-row flex-nowrap">
<SortWrapper
canSort={canSort}
isSorted={!!isSorted}

2
app/react/components/datatables/TableHeaderSortIcons.tsx
View file

@ -12,7 +12,7 @@ interface Props {
export function TableHeaderSortIcons({ sorted, descending, className }: Props) {
return (
<div className="flex flex-row no-wrap w-min-max align-middle">
<div className="no-wrap w-min-max flex flex-row align-middle">
<SortDownIcon
className={clsx(
className,

2
app/react/components/datatables/TableTitle.tsx
View file

@ -19,7 +19,7 @@ export function TableTitle({
}: PropsWithChildren<Props>) {
return (
<div className={clsx('toolBar flex-col', className)}>
<div className="flex gap-1 p-0 w-full items-center">
<div className="flex w-full items-center gap-1 p-0">
<div className="toolBarTitle">
{icon && (
<div className="widget-icon">