Infrastructure/logto
0
Fork 0
mirror of https://github.com/logto-io/logto.git synced 2025-02-10 21:58:23 -05:00
Code Issues Activity

refactor(console): fix language editor styles (#2110)

Browse source
This commit is contained in:
Xiao Yijun 2022-10-11 17:42:19 +08:00 • committed by GitHub
parent b9bb78521d
commit c21cc3cab6
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
7 changed files with 12 additions and 10 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

5
packages/console/src/pages/SignInExperience/components/ManageLanguageModal/AddLanguageSelector.module.scss
View file

@ -27,6 +27,8 @@
border-radius: 8px;
max-height: 288px;
overflow-y: auto;
box-shadow: var(--shadow-2);
.dropDownItem {
width: 100%;
@ -34,18 +36,17 @@
padding: _.unit(2);
list-style: none;
cursor: pointer;
font: var(--font-body-medium);
&:hover {
background: var(--color-hover);
}
.languageName {
font: var(--font-label-large);
color: var(--color-text);
}
.languageTag {
font: var(--font-body-medium);
color: var(--color-caption);
}
}

2
packages/console/src/pages/SignInExperience/components/ManageLanguageModal/AddLanguageSelector.tsx
View file

@ -61,7 +61,7 @@ const AddLanguageSelector = ({ options, onSelect }: Props) => {
className={classNames(style.addLanguageButton, isDropDownOpen && style.hidden)}
icon={<Plus className={style.buttonIcon} />}
title="sign_in_exp.others.manage_language.add_language"
type="outline"
type="default"
size="medium"
onClick={() => {
setIsDropDownOpen(true);

4
packages/console/src/pages/SignInExperience/components/ManageLanguageModal/EditSection.module.scss
View file

@ -1,8 +1,10 @@
@use '@/scss/underscore' as _;
.sectionTitle {
@include _.subhead-cap;
@include _.subhead-cap-small;
color: var(--color-neutral-variant-60);
background-color: var(--color-layer-light);
padding: _.unit(1) 0;
}
.sectionDataKey {

4
packages/console/src/pages/SignInExperience/components/ManageLanguageModal/LanguageEditor.module.scss
View file

@ -32,7 +32,7 @@
}
.content {
border-top: 1px solid var(--color-border);
border-top: 1px solid var(--color-divider);
height: 481px;
overflow-y: auto;
@ -91,7 +91,7 @@
}
.footer {
border-top: 1px solid var(--color-border);
border-top: 1px solid var(--color-divider);
display: flex;
flex-direction: row-reverse;
padding: _.unit(5);

3
packages/console/src/pages/SignInExperience/components/ManageLanguageModal/LanguageItem.module.scss
View file

@ -5,14 +5,13 @@
margin-bottom: _.unit(1);
cursor: pointer;
border-radius: 8px;
font: var(--font-label-large);
.languageName {
font: var(--font-title-medium);
color: var(--color-text);
}
.languageTag {
font: var(--font-label-large);
color: var(--color-caption);
}

2
packages/console/src/pages/SignInExperience/components/ManageLanguageModal/LanguageNav.module.scss
View file

@ -5,7 +5,7 @@
padding: _.unit(3) _.unit(2);
flex-shrink: 0;
background-color: var(--color-layer-light);
border-right: 1px solid var(--color-border);
border-right: 1px solid var(--color-divider);
.languageItemList {
margin-top: _.unit(3);

2
packages/console/src/pages/SignInExperience/components/ManageLanguageModal/index.module.scss
View file

@ -1,7 +1,7 @@
.container {
display: flex;
flex-direction: row;
border: 1px solid var(--color-border);
border: 1px solid var(--color-divider);
border-radius: 8px;
overflow: hidden;
}