aboutsummaryrefslogtreecommitdiffstats
path: root/apps/user_status/src/components/PreviousStatus.vue
diff options
context:
space:
mode:
Diffstat (limited to 'apps/user_status/src/components/PreviousStatus.vue')
-rw-r--r--apps/user_status/src/components/PreviousStatus.vue30
1 files changed, 8 insertions, 22 deletions
diff --git a/apps/user_status/src/components/PreviousStatus.vue b/apps/user_status/src/components/PreviousStatus.vue
index 6364277bdfb..58d6ebd294b 100644
--- a/apps/user_status/src/components/PreviousStatus.vue
+++ b/apps/user_status/src/components/PreviousStatus.vue
@@ -1,23 +1,7 @@
<!--
- - @copyright Copyright (c) 2020 Georg Ehrke <oc.list@georgehrke.com>
- - @author Georg Ehrke <oc.list@georgehrke.com>
- -
- - @license GNU AGPL version 3 or any later version
- -
- - This program is free software: you can redistribute it and/or modify
- - it under the terms of the GNU Affero General Public License as
- - published by the Free Software Foundation, either version 3 of the
- - License, or (at your option) any later version.
- -
- - This program is distributed in the hope that it will be useful,
- - but WITHOUT ANY WARRANTY; without even the implied warranty of
- - MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
- - GNU Affero General Public License for more details.
- -
- - You should have received a copy of the GNU Affero General Public License
- - along with this program. If not, see <http://www.gnu.org/licenses/>.
- -
- -->
+ - SPDX-FileCopyrightText: 2020 Nextcloud GmbH and Nextcloud contributors
+ - SPDX-License-Identifier: AGPL-3.0-or-later
+-->
<template>
<div class="predefined-status backup-status"
tabindex="0"
@@ -43,7 +27,7 @@
</template>
<script>
-import NcButton from '@nextcloud/vue/dist/Components/NcButton.js'
+import NcButton from '@nextcloud/vue/components/NcButton'
export default {
name: 'PreviousStatus',
@@ -81,7 +65,8 @@ export default {
flex-basis: 100%;
border-radius: var(--border-radius);
align-items: center;
- min-height: 44px;
+ min-height: var(--default-clickable-area);
+ padding-inline: var(--default-grid-baseline);
&:hover,
&:focus {
@@ -93,7 +78,7 @@ export default {
}
&__icon {
- flex-basis: 40px;
+ flex-basis: var(--default-clickable-area);
text-align: center;
}
@@ -110,6 +95,7 @@ export default {
}
}
}
+
.backup-status {
&__reset-button {
justify-content: flex-end;