mirror of
https://github.com/logto-io/logto.git
synced 2025-03-24 22:41:28 -05:00
fix(console): text field style in settings (#739)
This commit is contained in:
parent
08aadf9a00
commit
890028d937
4 changed files with 20 additions and 4 deletions
|
@ -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 {
|
||||
|
|
|
@ -1,7 +1,13 @@
|
|||
@use '@/scss/underscore' as _;
|
||||
|
||||
.container {
|
||||
padding-bottom: 0;
|
||||
|
||||
.fields {
|
||||
flex: 1;
|
||||
}
|
||||
|
||||
.textField {
|
||||
@include _.form-text-field;
|
||||
}
|
||||
}
|
||||
|
|
|
@ -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}
|
||||
|
|
|
@ -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)
|
||||
|
|
Loading…
Add table
Reference in a new issue