mirror of
https://github.com/logto-io/logto.git
synced 2025-01-27 21:39:16 -05:00
fix(console): add mobile platform preview description (#1032)
This commit is contained in:
parent
248e43d7c9
commit
6167e5c28d
4 changed files with 13 additions and 0 deletions
|
@ -86,6 +86,14 @@
|
|||
height: 808px;
|
||||
}
|
||||
}
|
||||
|
||||
.description {
|
||||
margin-top: _.unit(6);
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
color: var(--color-caption);
|
||||
font: var(--font-body-small);
|
||||
}
|
||||
}
|
||||
|
||||
&.web {
|
||||
|
|
|
@ -131,6 +131,9 @@ const Preview = ({ signInExperience, className }: Props) => {
|
|||
)}
|
||||
<iframe ref={previewRef} src="/sign-in?preview=true" />
|
||||
</div>
|
||||
{platform === 'mobile' && (
|
||||
<div className={styles.description}>{t('sign_in_exp.preview.mobile_description')}</div>
|
||||
)}
|
||||
</div>
|
||||
</Card>
|
||||
);
|
||||
|
|
|
@ -503,6 +503,7 @@ const translation = {
|
|||
light: 'Light',
|
||||
mobile: 'Mobile',
|
||||
web: 'Web',
|
||||
mobile_description: 'Mobile includes mobile web, Android and iOS.',
|
||||
},
|
||||
},
|
||||
settings: {
|
||||
|
|
|
@ -499,6 +499,7 @@ const translation = {
|
|||
light: 'Light',
|
||||
mobile: 'Mobile',
|
||||
web: 'Web',
|
||||
mobile_description: 'Mobile includes mobile web, Android and iOS.',
|
||||
},
|
||||
},
|
||||
settings: {
|
||||
|
|
Loading…
Add table
Reference in a new issue