diff options
| author | Roeland Jago Douma <roeland@famdouma.nl> | 2020-08-30 20:58:55 +0300 |
|---|---|---|
| committer | Julius Härtl <jus@bitgrid.net> | 2020-08-31 08:48:07 +0300 |
| commit | 5659e69cd833a2022abb2dc5d906bfaa61bc524f (patch) | |
| tree | e3dce70b1b513469c445a3ef2a98ee46f9578e6f /apps/oauth2/src | |
| parent | 5fb1d8d3bef31029e52b971b0127534fe7369fd5 (diff) | |
Pimp Oauth2 table
Fixes #12302
Signed-off-by: Roeland Jago Douma <roeland@famdouma.nl>
Diffstat (limited to 'apps/oauth2/src')
| -rw-r--r-- | apps/oauth2/src/App.vue | 18 | ||||
| -rw-r--r-- | apps/oauth2/src/components/OAuthItem.vue | 29 |
2 files changed, 31 insertions, 16 deletions
diff --git a/apps/oauth2/src/App.vue b/apps/oauth2/src/App.vue index 34b466ab7e2..86243b63ee6 100644 --- a/apps/oauth2/src/App.vue +++ b/apps/oauth2/src/App.vue @@ -28,17 +28,8 @@ <table v-if="clients.length > 0" class="grid"> <thead> <tr> - <th id="headerName" scope="col"> - {{ t('oauth2', 'Name') }} - </th> - <th id="headerRedirectUri" scope="col"> - {{ t('oauth2', 'Redirection URI') }} - </th> - <th id="headerClientIdentifier" scope="col"> - {{ t('oauth2', 'Client Identifier') }} - </th> - <th id="headerSecret" scope="col"> - {{ t('oauth2', 'Secret') }} + <th id="headerContent"> + </th> <th id="headerRemove"> @@ -127,3 +118,8 @@ export default { }, } </script> +<style scoped> + table { + max-width: 800px; + } +</style> 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> |