opensource/cloudbeaver
3
0
Fork 0
mirror of https://github.com/dbeaver/cloudbeaver.git synced 2026-09-24 16:04:36 +08:00
Code Issues Packages Projects Releases Wiki Activity

CB-4417 useFrom revert container

Browse Source
This commit is contained in:
s.teleshev
2023-12-20 14:44:51 +01:00
parent 939a6042cb
commit b317966e47
2 changed files with 31 additions and 21 deletions
Download Patch File Download Diff File Expand all files Collapse all files
webapp/packages/plugin-user-profile/src/UserProfileForm/UserForm.m.css
+8
View File
@@ -49,6 +49,14 @@
}
}
.box {
display: flex;
flex-direction: column;
flex: 1;
height: 100%;
overflow: auto;
}
.contentBox {
composes: theme-background-secondary theme-border-color-background from global;
position: relative;
webapp/packages/plugin-user-profile/src/UserProfileForm/UserForm.tsx
+23 -21
View File
@@ -36,29 +36,31 @@ export const UserForm = observer<Props>(function UserForm({ user, state, onClose
const localProvider = user.linkedAuthProviders.includes(AUTH_PROVIDER_LOCAL_ID);
return styled(styles)(
<TabsState>
<div className={s(moduleStyle, { topBar: true })}>
<div className={s(moduleStyle, { topBarTabs: true })}>
<div className={s(moduleStyle, { statusMessage: true })}>
<StatusMessage type={ENotificationType.Info} message={state.info.statusMessage} />
<div className={s(moduleStyle, { box: true })}>
<TabsState>
<div className={s(moduleStyle, { topBar: true })}>
<div className={s(moduleStyle, { topBarTabs: true })}>
<div className={s(moduleStyle, { statusMessage: true })}>
<StatusMessage type={ENotificationType.Info} message={state.info.statusMessage} />
</div>
<TabList className={s(moduleStyle, { tabList: true })} aria-label="User Settings" style={style} disabled={state.info.disabled}>
<UserInfoTab style={style} />
{localProvider && <AuthenticationTab style={style} />}
</TabList>
</div>
<div className={s(moduleStyle, { topBarActions: true })}>
{onClose && (
<Button type="button" mod={['outlined']} onClick={onClose}>
{translate('ui_processing_cancel')}
</Button>
)}
</div>
<TabList className={s(moduleStyle, { tabList: true })} aria-label="User Settings" style={style} disabled={state.info.disabled}>
<UserInfoTab style={style} />
{localProvider && <AuthenticationTab style={style} />}
</TabList>
</div>
<div className={s(moduleStyle, { topBarActions: true })}>
{onClose && (
<Button type="button" mod={['outlined']} onClick={onClose}>
{translate('ui_processing_cancel')}
</Button>
)}
<div className={s(moduleStyle, { contentBox: true })}>
<UserInfoPanel user={user} style={style} />
{localProvider && <AuthenticationPanel style={style} />}
</div>
</div>
<div className={s(moduleStyle, { contentBox: true })}>
<UserInfoPanel user={user} style={style} />
{localProvider && <AuthenticationPanel style={style} />}
</div>
</TabsState>,
</TabsState>
</div>,
);
});