vault/ui/app/styles/components/empty-state-component.scss
2023-12-18 17:03:35 +00:00

64 lines
1.2 KiB
SCSS

/**
* Copyright (c) HashiCorp, Inc.
* SPDX-License-Identifier: BUSL-1.1
*/
.empty-state {
align-items: center;
color: var(--token-color-foreground-faint);
background: var(--token-color-surface-faint);
display: flex;
justify-content: center;
padding: $spacing-48 $spacing-12;
box-shadow: 0 -2px 0 -1px $ui-gray-300;
}
.empty-state-transparent {
align-items: center;
color: var(--token-color-foreground-faint);
background: transparent;
display: flex;
justify-content: center;
padding: $spacing-48 0;
box-shadow: none;
}
.empty-state-content {
max-width: 320px;
}
.empty-state-title {
color: $grey;
font-size: $size-4;
font-weight: $font-weight-semibold;
line-height: 1.2;
margin-bottom: $spacing-8;
}
.empty-state-subTitle {
font-size: $size-7;
margin-top: -10px;
padding-bottom: $spacing-12;
}
.empty-state-message.has-border-bottom-light {
padding-bottom: $spacing-12;
}
.empty-state-actions {
margin-top: $spacing-8;
display: flex;
justify-content: space-between;
> * + * {
margin-left: $spacing-12;
margin-right: $spacing-12;
}
}
.empty-state-icon > .hs-icon,
.empty-state-icon > .flight-icon {
float: left;
margin-right: $spacing-8;
}