dennii/dbgate
1
0
Fork 0
mirror of https://github.com/DeNNiiInc/dbgate.git synced 2026-05-01 05:03:57 +00:00
Code Issues Packages Projects Releases Wiki Activity

styling

Browse Source
This commit is contained in:
Jan Prochazka
2020-11-12 15:58:01 +01:00
parent 2eca08944f
commit 8b610cdf32
4 changed files with 12 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
packages/web/src/appobj/AppObjectList.js
View File

@@ -7,7 +7,7 @@ import { ExpandIcon } from '../icons';
import useTheme from '../theme/useTheme'; import useTheme from '../theme/useTheme';
const SubItemsDiv = styled.div` const SubItemsDiv = styled.div`
margin-left: 16px; margin-left: 28px;
`; `;
const ExpandIconHolder2 = styled.span` const ExpandIconHolder2 = styled.span`

8
packages/web/src/appobj/AppObjects.js
View File

@@ -31,6 +31,12 @@ const StatusIconWrap = styled.span`
margin-left: 5px; margin-left: 5px;
`; `;
const ExtInfoWrap = styled.span`
font-weight: normal;
margin-left: 5px;
color: ${(props) => props.theme.left_font3};
`;
export function AppObjectCore({ export function AppObjectCore({
title, title,
icon, icon,
@@ -43,6 +49,7 @@ export function AppObjectCore({
component = 'div', component = 'div',
prefix = null, prefix = null,
statusIcon, statusIcon,
extInfo,
statusTitle, statusTitle,
...other ...other
}) { }) {
@@ -78,6 +85,7 @@ export function AppObjectCore({
<FontIcon icon={statusIcon} title={statusTitle} /> <FontIcon icon={statusIcon} title={statusTitle} />
</StatusIconWrap> </StatusIconWrap>
)} )}
{extInfo && <ExtInfoWrap theme={theme}>{extInfo}</ExtInfoWrap>}
</Component> </Component>
); );
} }

2
packages/web/src/appobj/connectionAppObject.js
View File

@@ -82,6 +82,7 @@ const connectionAppObject = (flags) => (
statusTitle = status.message; statusTitle = status.message;
} }
} }
const extInfo = engine;
return { return {
title, title,
@@ -94,6 +95,7 @@ const connectionAppObject = (flags) => (
onClick, onClick,
statusIcon, statusIcon,
statusTitle, statusTitle,
extInfo,
}; };
}; };

2
packages/web/src/icons.js
View File

@@ -59,7 +59,7 @@ const iconNames = {
'img free-table': 'mdi mdi-table color-green-7', 'img free-table': 'mdi mdi-table color-green-7',
'img macro': 'mdi mdi-hammer-wrench', 'img macro': 'mdi mdi-hammer-wrench',
'img database': 'mdi mdi-database color-yellow-7', 'img database': 'mdi mdi-database color-gold-7',
'img table': 'mdi mdi-table color-blue-7', 'img table': 'mdi mdi-table color-blue-7',
'img view': 'mdi mdi-table color-magenta-7', 'img view': 'mdi mdi-table color-magenta-7',
'img procedure': 'mdi mdi-cog color-blue-7', 'img procedure': 'mdi mdi-cog color-blue-7',