dennii/dbgate
1
0
Fork 0
mirror of https://github.com/DeNNiiInc/dbgate.git synced 2026-04-19 11:56:00 +00:00
Code Issues Packages Projects Releases Wiki Activity

style

Browse Source
This commit is contained in:
Jan Prochazka
2021-02-14 09:26:24 +01:00
parent d08fc85459
commit b0deba4bae
4 changed files with 51 additions and 25 deletions
Download Patch File Download Diff File Expand all files Collapse all files

28
packages/web/src/widgets/InlineButton.js
View File

@@ -14,22 +14,26 @@ const ButtonDiv = styled.div`
display: inline-block;
cursor: pointer;
vertical-align: middle;
color: ${props => props.theme.inlinebtn_font1};
color: ${props => (props.disabled ? props.theme.inlinebtn_font3 : props.theme.inlinebtn_font1)};
font-size: 12px;
padding: 3px;
margin: 0;
text-decoration: none;
&:hover {
border: 1px solid ${props => props.theme.inlinebtn_font2};
}
&:active:hover {
background: linear-gradient(
to bottom,
${props => props.theme.inlinebtn_background3} 5%,
${props => props.theme.inlinebtn_background} 100%
);
background-color: ${props => props.theme.inlinebtn_background3};
}
${props =>
!props.disabled &&
`
&:hover {
border: 1px solid ${props.theme.inlinebtn_font2};
}
&:active:hover {
background: linear-gradient(
to bottom,
${props.theme.inlinebtn_background3} 5%,
${props.theme.inlinebtn_background} 100%
);
background-color: ${props.theme.inlinebtn_background3};
}
`}
display: flex;
${props =>