seb/dashgui
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(panels): remove artificial right padding on inner content when tile has action icon

Browse Source
This commit is contained in:
seb
2026-09-26 23:00:16 +02:00
parent 8ddca02e54
commit b89ae90645
3 changed files with 3 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/panels/EditablePanelTile.jsx
View File

@@ -278,7 +278,7 @@ class EditablePanelTileBase extends Component {
sx={{ sx={{
flex: 1, flex: 1,
minWidth: 0, minWidth: 0,
pr: actionPadding, ...(actionPadding ? { pr: actionPadding } : {}),
display: 'flex', display: 'flex',
alignItems: contentAlignItems, alignItems: contentAlignItems,
}} }}

2
src/panels/PanelTile.jsx
View File

@@ -113,7 +113,7 @@ class PanelTileBase extends Component {
> >
{this.renderAction()} {this.renderAction()}
{this.renderTitle()} {this.renderTitle()}
<Box sx={{ flex: 1, minWidth: 0, pr: actionPadding }}>{children}</Box> <Box sx={{ flex: 1, minWidth: 0, ...(actionPadding ? { pr: actionPadding } : {}) }}>{children}</Box>
</Paper> </Paper>
); );
} }

2
src/panels/panelTileLayout.js
View File

@@ -17,7 +17,7 @@ export function responsiveColumnSpan(wide) {
} }
export const PENDING_EDIT_RING_PX = 4; export const PENDING_EDIT_RING_PX = 4;
export const TILE_ACTION_PADDING = 12; export const TILE_ACTION_PADDING = 0;
export const tileActionSx = { export const tileActionSx = {
position: 'absolute', position: 'absolute',