Infrastructure/logto
0
Fork 0
mirror of https://github.com/logto-io/logto.git synced 2025-01-06 20:40:08 -05:00
Code Issues Activity

fix(console): wrap connector id with copytoclipboard (#1025)

Browse source 
* fix(console): wrap connector id with copytoclipboard

* fix: copytoclipboard padding
This commit is contained in:
Wang Sijie 2022-06-02 14:26:47 +08:00 committed by GitHub
parent 542d57426f
commit dfc51b6af7
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
9 changed files with 11 additions and 20 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

7
packages/console/src/components/CopyToClipboard/index.module.scss
View file

@ -8,13 +8,14 @@
font-family: 'Roboto Mono', monospace;
cursor: default;
&.contained,
&.border {
padding: _.unit(2) _.unit(3);
&.contained {
padding: _.unit(1) _.unit(2);
background: var(--color-layer-2);
}
&.border {
padding: _.unit(2) _.unit(3);
background: var(--color-layer-2);
border: 1px solid var(--color-border);
}

4
packages/console/src/pages/ApiResourceDetails/index.module.scss
View file

@ -29,10 +29,6 @@
font: var(--font-title-large);
color: var(--color-text);
}
.copy {
padding: _.unit(1) _.unit(2);
}
}
}

2
packages/console/src/pages/ApiResourceDetails/index.tsx
View file

@ -92,7 +92,7 @@ const ApiResourceDetails = () => {
<img className={styles.icon} src={apiResourceIcon} />
<div className={styles.meta}>
<div className={styles.name}>{data.name}</div>
<CopyToClipboard value={data.indicator} className={styles.copy} />
<CopyToClipboard value={data.indicator} />
</div>
</div>
<div className={styles.operations}>

4
packages/console/src/pages/ApplicationDetails/index.module.scss
View file

@ -84,9 +84,5 @@
@include _.vertical-bar;
height: 12px;
}
.copy {
padding: _.unit(1) _.unit(2);
}
}
}

2
packages/console/src/pages/ApplicationDetails/index.tsx
View file

@ -117,7 +117,7 @@ const ApplicationDetails = () => {
<div className={styles.type}>{t(`${applicationTypeI18nKey[data.type]}.title`)}</div>
<div className={styles.verticalBar} />
<div className={styles.text}>App ID</div>
<CopyToClipboard value={data.id} className={styles.copy} />
<CopyToClipboard value={data.id} />
</div>
</div>
<div className={styles.operations}>

2
packages/console/src/pages/ConnectorDetails/index.module.scss
View file

@ -55,7 +55,7 @@
color: var(--color-text);
}
.id {
.text {
font: var(--font-subhead-2);
color: var(--color-caption);
}

4
packages/console/src/pages/ConnectorDetails/index.tsx
View file

@ -10,6 +10,7 @@ import ActionMenu, { ActionMenuItem } from '@/components/ActionMenu';
import Button from '@/components/Button';
import Card from '@/components/Card';
import CodeEditor from '@/components/CodeEditor';
import CopyToClipboard from '@/components/CopyToClipboard';
import DetailsSkeleton from '@/components/DetailsSkeleton';
import Drawer from '@/components/Drawer';
import LinkButton from '@/components/LinkButton';
@ -144,7 +145,8 @@ const ConnectorDetails = () => {
</Status>
)}
<div className={styles.verticalBar} />
<div className={styles.id}>{data.id}</div>
<div className={styles.text}>ID</div>
<CopyToClipboard value={data.id} />
</div>
</div>
<div className={styles.operations}>

4
packages/console/src/pages/UserDetails/index.module.scss
View file

@ -53,10 +53,6 @@
@include _.vertical-bar;
height: 12px;
}
.copy {
padding: _.unit(1) _.unit(2);
}
}
}

2
packages/console/src/pages/UserDetails/index.tsx
View file

@ -128,7 +128,7 @@ const UserDetails = () => {
</>
)}
<div className={styles.text}>User ID</div>
<CopyToClipboard value={data.id} className={styles.copy} />
<CopyToClipboard value={data.id} />
</div>
</div>
<div>