mirror of
https://github.com/logto-io/logto.git
synced 2025-04-07 23:01:25 -05:00
refactor(console): search fields should auto fit its placeholder as minimum width (#4839)
This commit is contained in:
parent
e019252f5f
commit
7b19837ffc
10 changed files with 0 additions and 25 deletions
|
@ -10,10 +10,6 @@
|
|||
justify-content: space-between;
|
||||
align-items: center;
|
||||
|
||||
.searchInput {
|
||||
width: 306px;
|
||||
}
|
||||
|
||||
.createButton {
|
||||
margin-left: _.unit(2);
|
||||
}
|
||||
|
|
|
@ -132,7 +132,6 @@ function PermissionsTable({
|
|||
filter={
|
||||
<div className={styles.filter}>
|
||||
<Search
|
||||
inputClassName={styles.searchInput}
|
||||
defaultValue={keyword}
|
||||
isClearable={Boolean(keyword)}
|
||||
placeholder={t(
|
||||
|
|
|
@ -9,10 +9,6 @@
|
|||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
|
||||
.searchInput {
|
||||
width: 306px;
|
||||
}
|
||||
}
|
||||
|
||||
.description {
|
||||
|
|
|
@ -129,7 +129,6 @@ function MachineToMachineApplicationRoles({ application }: Props) {
|
|||
filter={
|
||||
<div className={styles.filter}>
|
||||
<Search
|
||||
inputClassName={styles.searchInput}
|
||||
defaultValue={keyword}
|
||||
isClearable={Boolean(keyword)}
|
||||
placeholder={t('application_details.roles.search')}
|
||||
|
|
|
@ -1,9 +1,5 @@
|
|||
@use '@/scss/underscore' as _;
|
||||
|
||||
.search {
|
||||
width: 306px;
|
||||
}
|
||||
|
||||
.type,
|
||||
.description {
|
||||
@include _.text-ellipsis;
|
||||
|
|
|
@ -147,7 +147,6 @@ function Roles() {
|
|||
},
|
||||
filter: (
|
||||
<Search
|
||||
inputClassName={styles.search}
|
||||
placeholder={t('roles.search')}
|
||||
defaultValue={keyword}
|
||||
isClearable={Boolean(keyword)}
|
||||
|
|
|
@ -9,10 +9,6 @@
|
|||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
|
||||
.searchInput {
|
||||
width: 306px;
|
||||
}
|
||||
}
|
||||
|
||||
.description {
|
||||
|
|
|
@ -125,7 +125,6 @@ function UserRoles() {
|
|||
filter={
|
||||
<div className={styles.filter}>
|
||||
<Search
|
||||
inputClassName={styles.searchInput}
|
||||
defaultValue={keyword}
|
||||
isClearable={Boolean(keyword)}
|
||||
placeholder={t('user_details.roles.search')}
|
||||
|
|
|
@ -1,3 +0,0 @@
|
|||
.searchInput {
|
||||
width: 338px;
|
||||
}
|
|
@ -26,7 +26,6 @@ import { getUserTitle, getUserSubtitle } from '@/utils/user';
|
|||
|
||||
import CreateForm from './components/CreateForm';
|
||||
import SuspendedTag from './components/SuspendedTag';
|
||||
import * as styles from './index.module.scss';
|
||||
|
||||
const pageSize = defaultPageSize;
|
||||
const usersPathname = '/users';
|
||||
|
@ -110,7 +109,6 @@ function Users() {
|
|||
],
|
||||
filter: (
|
||||
<Search
|
||||
inputClassName={styles.searchInput}
|
||||
placeholder={t('users.search')}
|
||||
defaultValue={keyword}
|
||||
isClearable={Boolean(keyword)}
|
||||
|
|
Loading…
Add table
Reference in a new issue