diff options
Diffstat (limited to 'apps/oauth2/src/components/OAuthItem.vue')
| -rw-r--r-- | apps/oauth2/src/components/OAuthItem.vue | 29 |
1 files changed, 24 insertions, 5 deletions
diff --git a/apps/oauth2/src/components/OAuthItem.vue b/apps/oauth2/src/components/OAuthItem.vue index 3522a7d17c8..72d04d2aac3 100644 --- a/apps/oauth2/src/components/OAuthItem.vue +++ b/apps/oauth2/src/components/OAuthItem.vue @@ -21,10 +21,26 @@ --> <template> <tr> - <td>{{ name }}</td> - <td>{{ redirectUri }}</td> - <td><code>{{ clientId }}</code></td> - <td><code>{{ renderedSecret }}</code><a class="icon-toggle has-tooltip" :title="t('oauth2', 'Show client secret')" @click="toggleSecret" /></td> + <td> + <table class="inline"> + <tr> + <td>{{ t('oauth2', 'Name') }}</td> + <td>{{ name }}</td> + </tr> + <tr> + <td>{{ t('oauth2', 'Redirection URI') }}</td> + <td>{{ redirectUri }}</td> + </tr> + <tr> + <td>{{ t('oauth2', 'Client Identifier') }}</td> + <td><code>{{ clientId }}</code></td> + </tr> + <tr> + <td>{{ t('oauth2', 'Secret') }}</td> + <td><code>{{ renderedSecret }}</code><a class="icon-toggle has-tooltip" :title="t('oauth2', 'Show client secret')" @click="toggleSecret" /></td> + </tr> + </table> + </td> <td class="action-column"> <span><a class="icon-delete has-tooltip" :title="t('oauth2', 'Delete')" @click="$emit('delete', id)" /></span> </td> @@ -79,6 +95,9 @@ export default { td code { display: inline-block; vertical-align: middle; - padding: 3px; + } + table.inline td { + border: none; + padding: 5px; } </style> |