summaryrefslogtreecommitdiffstats
path: root/webapp/src/components/RegistrationModule.vue
diff options
context:
space:
mode:
Diffstat (limited to 'webapp/src/components/RegistrationModule.vue')
-rw-r--r--webapp/src/components/RegistrationModule.vue36
1 files changed, 18 insertions, 18 deletions
diff --git a/webapp/src/components/RegistrationModule.vue b/webapp/src/components/RegistrationModule.vue
index c921e9c..e970ded 100644
--- a/webapp/src/components/RegistrationModule.vue
+++ b/webapp/src/components/RegistrationModule.vue
@@ -20,7 +20,7 @@
<v-layout>
<v-flex xl10 offset-xl1 lg12>
<v-card class="tabbar-card">
- <v-tabs v-model="tabs" grow hide-slider :dark="tabsDark" :color="tabsColor" :slider-color="tabsSliderColor">
+ <v-tabs v-model="tabs" grow hide-slider :dark="tabsDark" :background-color="tabsColor" :slider-color="tabsSliderColor">
<v-tab><v-icon class="tabbar-tabicon">extension</v-icon>{{ $t('hooks') }}</v-tab>
</v-tabs>
</v-card>
@@ -29,33 +29,33 @@
<v-subheader>{{ $t('hooksInOrder') }}</v-subheader>
<v-card v-if="hooks.length > 0">
<v-list two-line>
- <draggable :value="hooks" @input="setHooks($event)" :options="{ handle:'.handle' }">
- <v-list-tile v-for="(hook, index) in hooks" :key="hook.id" @click.stop @dblclick="editHook(hook)">
- <v-list-tile-action class="handle">
- <v-icon>drag_handle</v-icon>{{ index + 1 }}
- </v-list-tile-action>
- <v-list-tile-content>
- <v-list-tile-title>{{ hook.name }}<small class="type">{{ hook.type }}</small></v-list-tile-title>
- <v-list-tile-sub-title>{{ hook.description }}</v-list-tile-sub-title>
- </v-list-tile-content>
+ <draggable :value="hooks" @input="setHooks($event)" handle=".handle">
+ <v-list-item v-for="(hook, index) in hooks" :key="hook.id" @click.stop @dblclick="editHook(hook)">
+ <v-list-item-action class="handle">
+ <v-icon class="mr-6">drag_handle</v-icon>{{ index + 1 }}
+ </v-list-item-action>
+ <v-list-item-content>
+ <v-list-item-title>{{ hook.name }}<small class="type">{{ hook.type }}</small></v-list-item-title>
+ <v-list-item-subtitle>{{ hook.description }}</v-list-item-subtitle>
+ </v-list-item-content>
<v-tooltip v-if="hook.groups.length > 0" top>
<template #activator="{ on }">
- <v-icon v-on="on" small>category</v-icon>
+ <v-icon v-on="on" small class="mr-6">category</v-icon>
</template>
<span>{{ $t('groupRestricted') }}</span>
</v-tooltip>
- <v-list-tile-action>
+ <v-list-item-action>
<v-btn @click="editHook(hook)" icon><v-icon color="primary">edit</v-icon></v-btn>
- </v-list-tile-action>
- <v-list-tile-action class="delete">
+ </v-list-item-action>
+ <v-list-item-action class="delete">
<v-btn @click="deleteHook(hook)" icon><v-icon color="error">delete</v-icon></v-btn>
- </v-list-tile-action>
- </v-list-tile>
+ </v-list-item-action>
+ </v-list-item>
</draggable>
</v-list>
</v-card>
- <div class="text-xs-right">
- <v-btn flat color="success" @click="createHook"><v-icon left>create</v-icon>{{ $t('createHook') }}</v-btn>
+ <div class="text-right">
+ <v-btn text color="success" @click="createHook" class="ma-2"><v-icon left>create</v-icon>{{ $t('createHook') }}</v-btn>
</div>
</v-tab-item>
</v-tabs-items>