Infrastructure/logto
0
Fork 0
mirror of https://github.com/logto-io/logto.git synced 2025-04-14 23:11:31 -05:00
Code Issues Activity

fix(console): text field style in settings (#739)

Browse source
This commit is contained in:
Wang Sijie 2022-05-06 11:42:39 +08:00 • committed by GitHub
parent 08aadf9a00
commit 890028d937
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
4 changed files with 20 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
packages/console/src/components/Dropdown/index.module.scss
View file

@ -2,12 +2,12 @@
.content {
background: var(--color-layer-1);
box-shadow: var(--shadow-light-s2);
box-shadow: var(--shadow-2);
border-radius: _.unit(2);
position: absolute;
&.onTop {
box-shadow: var(--shadow-light-s2-reversed);
box-shadow: var(--shadow-2-reversed);
}
&:focus {

6
packages/console/src/pages/Settings/index.module.scss
View file

@ -1,7 +1,13 @@
@use '@/scss/underscore' as _;
.container {
padding-bottom: 0;
.fields {
flex: 1;
}
.textField {
@include _.form-text-field;
}
}

12
packages/console/src/pages/Settings/index.tsx
View file

@ -64,7 +64,11 @@ const Settings = () => {
{data && (
<form className={detailsStyles.body} onSubmit={onSubmit}>
<div className={styles.fields}>
<FormField isRequired title="admin_console.settings.language">
<FormField
isRequired
title="admin_console.settings.language"
className={styles.textField}
>
<Controller
name="adminConsole.language"
control={control}
@ -86,7 +90,11 @@ const Settings = () => {
)}
/>
</FormField>
<FormField isRequired title="admin_console.settings.appearance">
<FormField
isRequired
title="admin_console.settings.appearance"
className={styles.textField}
>
<Controller
name="adminConsole.appearanceMode"
control={control}

2
packages/console/src/scss/_colors.scss
View file

@ -144,6 +144,7 @@
// Shadows
--shadow-1: 0 4px 8px rgba(66, 41, 159, 8%);
--shadow-2: 0 4px 12px rgba(66, 41, 159, 12%);
--shadow-2-reversed: 0 -4px 12px rgba(66, 41, 159, 12%);
--shadow-3: 0 4px 16px rgba(66, 41, 159, 16%);
// Client specific variables (not available in design system)
@ -296,6 +297,7 @@
// Shadows
--shadow-1: 0 4px 8px rgba(66, 41, 159, 8%);
--shadow-2: 0 4px 12px rgba(66, 41, 159, 12%);
--shadow-2-reversed: 0 -4px 12px rgba(66, 41, 159, 12%);
--shadow-3: 0 4px 16px rgba(66, 41, 159, 16%);
// Client specific variables (not available in design system)