vault/ui/app/styles/components/empty-state.scss
claire bontempo 3400fd33a3
UI/Add Elasticsearch DB (#12672)
* displays empty state if database is not supported in the UI

* adds elasticsearch db plugin

* adds changelog

* updates elasticsearch attrs

* move tls_server_name to pluginConfig group

* move role setting fields to util

* updates comments and refactors using util function

* adds tests for elasticsearch

* fixes indentation

* when local host needs https

* adds line at bottom of hbs file
2021-10-07 14:00:42 -07:00

67 lines
1.2 KiB
SCSS

.empty-state {
align-items: center;
color: $grey;
background: $ui-gray-010;
display: flex;
justify-content: center;
padding: $spacing-xxl $spacing-s;
box-shadow: 0 -2px 0 -1px $ui-gray-300;
}
.empty-state-transparent {
align-items: center;
color: $grey;
background: transparent;
display: flex;
justify-content: center;
padding: $spacing-xxl 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-xs;
}
.empty-state-subTitle {
font-size: $size-7;
margin-top: -10px;
padding-bottom: $spacing-s;
}
.empty-state-message.has-border-bottom-light {
padding-bottom: $spacing-s;
}
.empty-state-actions {
margin-top: $spacing-xs;
display: flex;
justify-content: space-between;
a,
.link,
a:not(.button):not(.file-delete-button):not(.tag) {
color: $blue;
font-size: $size-8;
font-weight: $font-weight-semibold;
text-decoration: none;
}
> * + * {
margin-left: $spacing-s;
margin-right: $spacing-s;
}
}
.empty-state-icon > .hs-icon {
float: left;
margin-right: $spacing-xs;
}