github/directus
1
1
Fork 0
mirror of https://github.com/directus/directus.git synced 2026-04-25 03:00:53 -04:00
Code Issues Packages Projects Releases Wiki Activity

Action button colors for invite user

Browse Source
This commit is contained in:
Ben Haynes
2020-11-03 16:19:16 -05:00
parent d421e2af5a
commit a4e858f093
2 changed files with 16 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
app/src/modules/settings/routes/roles/item/item.vue
View File

@@ -39,7 +39,7 @@
</v-card>
</v-dialog>
<v-button rounded icon @click="userInviteModalActive = true" v-tooltip.bottom="$t('invite_users')">
<v-button rounded icon @click="userInviteModalActive = true" v-tooltip.bottom="$t('invite_users')" class="invite-user">
<v-icon name="person_add" />
</v-button>
@@ -203,4 +203,11 @@ export default defineComponent({
.roles .v-notice {
margin-bottom: 48px;
}
.invite-user {
--v-button-background-color: var(--primary-25);
--v-button-color: var(--primary);
--v-button-background-color-hover: var(--primary-50);
--v-button-color-hover: var(--primary);
}
</style>

8
app/src/modules/users/routes/collection.vue
View File

@@ -55,6 +55,7 @@
icon
@click="userInviteModalActive = true"
v-tooltip.bottom="$t('invite_users')"
class="invite-user"
>
<v-icon name="person_add" />
</v-button>
@@ -297,4 +298,11 @@ export default defineComponent({
.layout {
--layout-offset-top: 64px;
}
.invite-user {
--v-button-background-color: var(--primary-25);
--v-button-color: var(--primary);
--v-button-background-color-hover: var(--primary-50);
--v-button-color-hover: var(--primary);
}
</style>