@nextcloud/vue
Version:
Nextcloud vue components
68 lines • 1.68 kB
CSS
/**
* SPDX-FileCopyrightText: 2019 Nextcloud GmbH and Nextcloud contributors
* SPDX-License-Identifier: AGPL-3.0-or-later
*/
/**
* SPDX-FileCopyrightText: 2021 Nextcloud GmbH and Nextcloud contributors
* SPDX-License-Identifier: AGPL-3.0-or-later
*/
/*
* Ensure proper alignment of the vue material icons
*/
.material-design-icon[data-v-b101d636] {
display: flex;
align-self: center;
justify-self: center;
align-items: center;
justify-content: center;
}
.empty-content[data-v-b101d636] {
display: flex;
align-items: center;
flex-direction: column;
justify-content: center;
/* In case of using in a flex container - flex in advance */
flex-grow: 1;
padding: var(--default-grid-baseline);
}
.modal-wrapper .empty-content[data-v-b101d636] {
margin-top: 5vh;
margin-bottom: 5vh;
}
.empty-content__icon[data-v-b101d636] {
display: flex;
align-items: center;
justify-content: center;
width: 64px;
height: 64px;
margin: 0 auto 15px;
opacity: 0.4;
background-repeat: no-repeat;
background-position: center;
background-size: 64px;
}
.empty-content__icon[data-v-b101d636] svg {
width: 64px ;
height: 64px ;
max-width: 64px ;
max-height: 64px ;
}
.empty-content__name[data-v-b101d636] {
margin-bottom: 10px;
text-align: center;
font-weight: bold;
font-size: 20px;
line-height: 30px;
}
.empty-content__description[data-v-b101d636] {
color: var(--color-text-maxcontrast);
text-align: center;
text-wrap-style: balance;
}
.empty-content__action[data-v-b101d636] {
margin-top: 8px;
}
.modal-wrapper .empty-content__action[data-v-b101d636] {
margin-top: 20px;
display: flex;
}