mirror of
https://github.com/apache/superset.git
synced 2024-09-12 00:29:39 -04:00
style: various little tweaks to home screen stylin' (#11650)
* adding bottom padding
* making light gray backgrounds match
* vertical centering of empty state content.
* linting ✨
* fixing card radii
* fixing corner radius... thumb was covering corner border.
This commit is contained in:
parent
75245177e9
commit
73cc938358
@ -37,6 +37,8 @@ const ActionsWrapper = styled.div`
|
|||||||
|
|
||||||
const StyledCard = styled(Card)`
|
const StyledCard = styled(Card)`
|
||||||
border: 1px solid #d9dbe4;
|
border: 1px solid #d9dbe4;
|
||||||
|
border-radius: ${({ theme }) => theme.gridUnit}px;
|
||||||
|
overflow: hidden;
|
||||||
|
|
||||||
.ant-card-body {
|
.ant-card-body {
|
||||||
padding: ${({ theme }) => theme.gridUnit * 4}px
|
padding: ${({ theme }) => theme.gridUnit * 4}px
|
||||||
|
@ -68,8 +68,8 @@ const ActivityContainer = styled.div`
|
|||||||
}
|
}
|
||||||
grid-gap: ${({ theme }) => theme.gridUnit * 8}px;
|
grid-gap: ${({ theme }) => theme.gridUnit * 8}px;
|
||||||
justify-content: left;
|
justify-content: left;
|
||||||
padding: ${({ theme }) => theme.gridUnit * 2}px
|
padding: ${({ theme }) => theme.gridUnit * 6}px;
|
||||||
${({ theme }) => theme.gridUnit * 4}px;
|
padding-top: ${({ theme }) => theme.gridUnit * 2}px;
|
||||||
.ant-card-meta-avatar {
|
.ant-card-meta-avatar {
|
||||||
margin-top: ${({ theme }) => theme.gridUnit * 3}px;
|
margin-top: ${({ theme }) => theme.gridUnit * 3}px;
|
||||||
margin-left: ${({ theme }) => theme.gridUnit * 2}px;
|
margin-left: ${({ theme }) => theme.gridUnit * 2}px;
|
||||||
|
@ -29,6 +29,9 @@ interface EmptyStateProps {
|
|||||||
}
|
}
|
||||||
const EmptyContainer = styled.div`
|
const EmptyContainer = styled.div`
|
||||||
min-height: 200px;
|
min-height: 200px;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
justify-content: space-around;
|
||||||
`;
|
`;
|
||||||
const ButtonContainer = styled.div`
|
const ButtonContainer = styled.div`
|
||||||
Button {
|
Button {
|
||||||
|
@ -49,7 +49,7 @@
|
|||||||
@gray-dark: #484848;
|
@gray-dark: #484848;
|
||||||
@gray-light: #cfd8dc;
|
@gray-light: #cfd8dc;
|
||||||
@gray: #879399;
|
@gray: #879399;
|
||||||
@gray-bg: #f5f5f5;
|
@gray-bg: #f7f7f7;
|
||||||
@gray-heading: #a3a3a3;
|
@gray-heading: #a3a3a3;
|
||||||
@menu-hover: #f2f3f5;
|
@menu-hover: #f2f3f5;
|
||||||
@lightest: #ffffff;
|
@lightest: #ffffff;
|
||||||
|
Loading…
Reference in New Issue
Block a user