removed border from tables on Settings

This commit is contained in:
Lucas Oliveira 2024-06-06 19:37:28 -03:00
commit c6a5070e4b
4 changed files with 49 additions and 69 deletions

View file

@ -52,14 +52,10 @@ export default function ApiKeysPage() {
/> />
<div className="flex h-full w-full flex-col justify-between"> <div className="flex h-full w-full flex-col justify-between">
<Card x-chunk="dashboard-04-chunk-2" className="h-full pt-4">
<CardContent className="h-full">
<TableComponent <TableComponent
overlayNoRowsTemplate="No data available" overlayNoRowsTemplate="No data available"
onSelectionChanged={(event: SelectionChangedEvent) => { onSelectionChanged={(event: SelectionChangedEvent) => {
setSelectedRows( setSelectedRows(event.api.getSelectedRows().map((row) => row.id));
event.api.getSelectedRows().map((row) => row.id),
);
}} }}
rowSelection="multiple" rowSelection="multiple"
suppressRowClickSelection={true} suppressRowClickSelection={true}
@ -67,8 +63,6 @@ export default function ApiKeysPage() {
columnDefs={columnDefs} columnDefs={columnDefs}
rowData={keysList.current} rowData={keysList.current}
/> />
</CardContent>
</Card>
</div> </div>
</div> </div>
); );

View file

@ -16,13 +16,13 @@ import { cn } from "../../../../utils/utils";
export default function GlobalVariablesPage() { export default function GlobalVariablesPage() {
const globalVariablesEntries = useGlobalVariablesStore( const globalVariablesEntries = useGlobalVariablesStore(
(state) => state.globalVariablesEntries (state) => state.globalVariablesEntries,
); );
const removeGlobalVariable = useGlobalVariablesStore( const removeGlobalVariable = useGlobalVariablesStore(
(state) => state.removeGlobalVariable (state) => state.removeGlobalVariable,
); );
const globalVariables = useGlobalVariablesStore( const globalVariables = useGlobalVariablesStore(
(state) => state.globalVariables (state) => state.globalVariables,
); );
const setErrorData = useAlertStore((state) => state.setErrorData); const setErrorData = useAlertStore((state) => state.setErrorData);
const getVariableId = useGlobalVariablesStore((state) => state.getVariableId); const getVariableId = useGlobalVariablesStore((state) => state.getVariableId);
@ -154,7 +154,7 @@ export default function GlobalVariablesPage() {
<IconComponent <IconComponent
name="Trash2" name="Trash2"
className={cn( className={cn(
"h-5 w-5 text-destructive group-disabled:text-primary" "h-5 w-5 text-destructive group-disabled:text-primary",
)} )}
/> />
</Button> </Button>
@ -168,14 +168,10 @@ export default function GlobalVariablesPage() {
</div> </div>
<div className="flex h-full w-full flex-col justify-between"> <div className="flex h-full w-full flex-col justify-between">
<Card x-chunk="dashboard-04-chunk-2" className="h-full pt-4">
<CardContent className="h-full">
<TableComponent <TableComponent
overlayNoRowsTemplate="No data available" overlayNoRowsTemplate="No data available"
onSelectionChanged={(event: SelectionChangedEvent) => { onSelectionChanged={(event: SelectionChangedEvent) => {
setSelectedRows( setSelectedRows(event.api.getSelectedRows().map((row) => row.name));
event.api.getSelectedRows().map((row) => row.name)
);
}} }}
rowSelection="multiple" rowSelection="multiple"
suppressRowClickSelection={true} suppressRowClickSelection={true}
@ -183,8 +179,6 @@ export default function GlobalVariablesPage() {
columnDefs={colDefs} columnDefs={colDefs}
rowData={rowData} rowData={rowData}
/> />
</CardContent>
</Card>
</div> </div>
</div> </div>
); );

View file

@ -115,15 +115,11 @@ export default function ShortcutsPage() {
</div> </div>
</div> </div>
<div className="flex h-full w-full flex-col justify-between"> <div className="flex h-full w-full flex-col justify-between">
<Card x-chunk="dashboard-04-chunk-2" className="h-full pt-4">
<CardContent className="h-full">
<TableComponent <TableComponent
pagination={false} pagination={false}
columnDefs={colDefs} columnDefs={colDefs}
rowData={nodesRowData} rowData={nodesRowData}
/> />
</CardContent>
</Card>
</div> </div>
</div> </div>
); );

View file

@ -53,8 +53,6 @@ export default function MessagesPage() {
/> />
<div className="flex h-full w-full flex-col justify-between"> <div className="flex h-full w-full flex-col justify-between">
<Card x-chunk="dashboard-04-chunk-2" className="h-full pt-4">
<CardContent className="h-full">
<TableComponent <TableComponent
readOnlyEdit readOnlyEdit
onCellEditRequest={(event) => { onCellEditRequest={(event) => {
@ -73,8 +71,6 @@ export default function MessagesPage() {
columnDefs={columns} columnDefs={columns}
rowData={messages} rowData={messages}
/> />
</CardContent>
</Card>
</div> </div>
</div> </div>
); );