diff --git a/net/web/src/admin/dashboard/Dashboard.jsx b/net/web/src/admin/dashboard/Dashboard.jsx index ae851ce1..e36728f8 100644 --- a/net/web/src/admin/dashboard/Dashboard.jsx +++ b/net/web/src/admin/dashboard/Dashboard.jsx @@ -122,15 +122,22 @@ export function Dashboard({ token, config, logout }) { - actions.setShowCreate(false)}>OK ]} onCancel={() => actions.setShowCreate(false)}>
+
Browser Link:
+
+
App Token:
+
{state.createToken}
+
diff --git a/net/web/src/admin/dashboard/Dashboard.styled.js b/net/web/src/admin/dashboard/Dashboard.styled.js index c59c4bad..c7905178 100644 --- a/net/web/src/admin/dashboard/Dashboard.styled.js +++ b/net/web/src/admin/dashboard/Dashboard.styled.js @@ -84,7 +84,21 @@ export const CreateLayout = styled.div` display: flex; flex-direction: row; max-width: 100%; - + padding-top: 8px; + + .label { + padding-right: 16px; + width: 112px; + } + + .token { + text-overflow: ellipsis; + overflow: hidden; + white-space: nowrap; + min-width: 0; + padding-right: 8px; + } + .link { text-overflow: ellipsis; overflow: hidden; diff --git a/net/web/src/admin/dashboard/accountItem/AccountItem.jsx b/net/web/src/admin/dashboard/accountItem/AccountItem.jsx index 18f576b6..db291681 100644 --- a/net/web/src/admin/dashboard/accountItem/AccountItem.jsx +++ b/net/web/src/admin/dashboard/accountItem/AccountItem.jsx @@ -78,15 +78,22 @@ export function AccountItem({ token, item, remove }) { )} - actions.setShowAccess(false)}>OK ]} onCancel={() => actions.setShowAccess(false)}>
+
Browser Link:
+
+
App Token:
+
{state.accessToken}
+
diff --git a/net/web/src/admin/dashboard/accountItem/AccountItem.styled.js b/net/web/src/admin/dashboard/accountItem/AccountItem.styled.js index e5545720..de4976a9 100644 --- a/net/web/src/admin/dashboard/accountItem/AccountItem.styled.js +++ b/net/web/src/admin/dashboard/accountItem/AccountItem.styled.js @@ -88,7 +88,21 @@ export const AccessLayout = styled.div` display: flex; flex-direction: row; width: 100%; - + padding-top: 8px; + + .label { + padding-right: 16px; + width: 112px; + } + + .token { + text-overflow: ellipsis; + overflow: hidden; + white-space: nowrap; + min-width: 0; + padding-right: 8px; + } + .link { text-overflow: ellipsis; overflow: hidden;